`

javascript 验证例子

阅读更多
题目和答案,让你更加了解JS
要求:一、移动电话号码为11或12位,如果为12位,那么第一位为0
二、11位移动电话号码的第一位和第二位为"13"
三、12位移动电话号码的第二位和第三位为"13"
用途:检查输入手机号码是否正确
输入:
s:字符串
返回:
如果通过验证返回true,否则返回false
*/
代码

   1. function f_check_mobile(obj){    
   2.     var regu =/(^[1][3][0-9]{9}$)|(^0[1][3][0-9]{9}$)/; 
   3.     var re = new RegExp(regu); 
   4.     if (re.test( obj.value )) { 
   5.       return true; 
   6.     } 
   7.     f_alert(obj,"请输入正确的手机号码"); 
   8.     return false;    
   9. } 
  10.   


/*
要求:一、电话号码由数字、"("、")"和"-"构成
二、电话号码为3到8位
三、如果电话号码中包含有区号,那么区号为三位或四位
四、区号用"("、")"或"-"和其他部分隔开
用途:检查输入的电话号码格式是否正确
输入:
strPhone:字符串
返回:
如果通过验证返回true,否则返回false
*/
代码

   1. function f_check_phone(obj)  
   2. { 
   3.     var regu =/(^([0][1-9]{2,3}[-])?\d{3,8}(-\d{1,6})?$)|(^\([0][1-9]{2,3}\)\d{3,8}(\(\d{1,6}\))?$)|(^\d{3,8}$)/;  
   4.     var re = new RegExp(regu); 
   5.     if (re.test( obj.value )) { 
   6.       return true; 
   7.     } 
   8.     f_alert(obj,"请输入正确的电话号码"); 
   9.     return false; 
  10. } 
  11.   


/* 判断是否为邮政编码 */
代码

   1. function f_check_zipcode(obj) 
   2. { 
   3.     if(!f_check_number(obj)) 
   4.         return false; 
   5.     if(obj.value.length!=6) 
   6.     { 
   7.         f_alert(obj,"邮政编码长度必须是6位"); 
   8.         return false; 
   9.     } 
  10.     return true; 
  11. } 
  12.   


/*
用户ID,可以为数字、字母、下划线的组合,
第一个字符不能为数字,且总长度不能超过20。
*/
代码

   1. function f_check_userID(obj) 
   2. { 
   3.     var userID = obj.value; 
   4.     if(userID.length > 20) 
   5.     { 
   6.         f_alert(obj,"ID长度不能大于20"); 
   7.         return false; 
   8.     } 
   9.  
  10.     if(!isNaN(userID.charAt(0))) 
  11.     { 
  12.         f_alert(obj,"ID第一个字符不能为数字"); 
  13.         return false; 
  14.     } 
  15.     if(!/^\w{1,20}$/.test(userID))  
  16.     { 
  17.         f_alert(obj,"ID只能由数字、字母、下划线组合而成"); 
  18.         return false; 
  19.     } 
  20.     return true; 
  21. } 
  22.   


/*
功能:验证身份证号码是否有效
提示信息:未输入或输入身份证号不正确!
使用:f_check_IDno(obj)
返回:bool
*/
代码

   1. function f_check_IDno(obj) 
   2. {  
   3.     var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}; 
   4.   
   5.     var iSum = 0; 
   6.     var info = ""; 
   7.     var strIDno = obj.value; 
   8.     var idCardLength = strIDno.length;   
   9.     if(!/^\d{17}(\d|x)$/i.test(strIDno)&&!/^\d{15}$/i.test(strIDno))  
  10.     { 
  11.         f_alert(obj,"非法身份证号"); 
  12.         return false; 
  13.     } 
  14.   
  15.     //在后面的运算中x相当于数字10,所以转换成a 
  16.     strIDno = strIDno.replace(/x$/i,"a"); 
  17.  
  18.     if(aCity[parseInt(strIDno.substr(0,2))]==null) 
  19.     { 
  20.         f_alert(obj,"非法地区"); 
  21.         return false; 
  22.     } 
  23.      
  24.     if (idCardLength==18) 
  25.     { 
  26.         sBirthday=strIDno.substr(6,4)+"-"+Number(strIDno.substr(10,2))+"-"+Number(strIDno.substr(12,2)); 
  27.         var d = new Date(sBirthday.replace(/-/g,"/")) 
  28.         if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate())) 
  29.         {        
  30.             f_alert(obj,"非法生日"); 
  31.             return false; 
  32.         } 
  33.  
  34.         for(var i = 17;i>=0;i --) 
  35.             iSum += (Math.pow(2,i) % 11) * parseInt(strIDno.charAt(17 - i),11); 
  36.  
  37.         if(iSum%11!=1) 
  38.         { 
  39.             f_alert(obj,"非法身份证号"); 
  40.             return false; 
  41.         } 
  42.     } 
  43.     else if (idCardLength==15) 
  44.     { 
  45.         sBirthday = "19" + strIDno.substr(6,2) + "-" + Number(strIDno.substr(8,2)) + "-" + Number(strIDno.substr(10,2)); 
  46.         var d = new Date(sBirthday.replace(/-/g,"/")) 
  47.         var dd = d.getFullYear().toString() + "-" + (d.getMonth()+1) + "-" + d.getDate();    
  48.         if(sBirthday != dd) 
  49.         { 
  50.             f_alert(obj,"非法生日"); 
  51.             return false; 
  52.         } 
  53.     } 
  54.     return true;  
  55. } 
  56.   


/*
* 判断字符串是否符合指定的正则表达式
*/
代码

   1. function f_check_formatStr(obj) 
   2. { 
   3.     var str = obj.value; 
   4.     var dtype = obj.eos_datatype; 
   5.     var regu = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));    //指定的正则表达式 
   6.     var re = new RegExp(regu); 
   7.     if(re.test(str)) 
   8.         return true; 
   9.     f_alert(obj , "不符合指定的正则表达式要求"); 
  10.     return false;    
  11. } 
  12.   


/*
功能:判断是否为日期(格式:yyyy年MM月dd日,yyyy-MM-dd,yyyy/MM/dd,yyyyMMdd)
提示信息:未输入或输入的日期格式错误!
使用:f_check_date(obj)
返回:bool
*/
代码

   1. function f_check_date(obj) 
   2. { 
   3.     var date = Trim(obj.value); 
   4.     var dtype = obj.eos_datatype; 
   5.     var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));  //日期格式 
   6.     var year,month,day,datePat,matchArray; 
   7.  
   8.     if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2})$/.test(format)) 
   9.         datePat = /^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/; 
  10.     else if(/^(y{4})(年)(M{1,2})(月)(d{1,2})(日)$/.test(format)) 
  11.         datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日$/; 
  12.     else if(format=="yyyyMMdd") 
  13.         datePat = /^(\d{4})(\d{2})(\d{2})$/; 
  14.     else 
  15.     { 
  16.         f_alert(obj,"日期格式不对"); 
  17.         return false; 
  18.     } 
  19.     matchArray = date.match(datePat); 
  20.     if(matchArray == null)  
  21.     { 
  22.         f_alert(obj,"日期长度不对,或日期中有非数字符号"); 
  23.         return false; 
  24.     } 
  25.     if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2})$/.test(format)) 
  26.     { 
  27.         year = matchArray[1]; 
  28.         month = matchArray[3]; 
  29.         day = matchArray[4]; 
  30.     } else 
  31.     { 
  32.         year = matchArray[1]; 
  33.         month = matchArray[2]; 
  34.         day = matchArray[3]; 
  35.     } 
  36.     if (month < 1 || month > 12) 
  37.     {              
  38.         f_alert(obj,"月份应该为1到12的整数"); 
  39.         return false; 
  40.     } 
  41.     if (day < 1 || day > 31) 
  42.     { 
  43.         f_alert(obj,"每个月的天数应该为1到31的整数"); 
  44.         return false; 
  45.     }      
  46.     if ((month==4 || month==6 || month==9 || month==11) && day==31) 
  47.     { 
  48.         f_alert(obj,"该月不存在31号"); 
  49.         return false; 
  50.     }      
  51.     if (month==2) 
  52.     { 
  53.         var isleap=(year % 4==0 && (year % 100 !=0 || year % 400==0)); 
  54.         if (day>29) 
  55.         {                
  56.             f_alert(obj,"2月最多有29天"); 
  57.             return false; 
  58.         } 
  59.         if ((day==29) && (!isleap)) 
  60.         {                
  61.             f_alert(obj,"闰年2月才有29天"); 
  62.             return false; 
  63.         } 
  64.     } 
  65.     return true; 
  66. } 
  67.   


/*
功能:校验的格式为yyyy年MM月dd日HH时mm分ss秒,yyyy-MM-dd HH:mm:ss,yyyy/MM/dd HH:mm:ss,yyyyMMddHHmmss
提示信息:未输入或输入的时间格式错误
使用:f_check_time(obj)
返回:bool
*/
代码

   1. function f_check_time(obj) 
   2. { 
   3.     var time = Trim(obj.value); 
   4.     var dtype = obj.eos_datatype; 
   5.     var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));  //日期格式 
   6.     var datePat,matchArray,year,month,day,hour,minute,second; 
   7.  
   8.     if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2}) (HH:mm:ss)$/.test(format)) 
   9.         datePat = /^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
  10.     else if(/^(y{4})(年)(M{1,2})(月)(d{1,2})(日)(HH时mm分ss秒)$/.test(format)) 
  11.         datePat = /^(\d{4})年(\d{1,2})月(\d{1,2})日(\d{1,2})时(\d{1,2})分(\d{1,2})秒$/; 
  12.     else if(format == "yyyyMMddHHmmss") 
  13.         datePat = /^(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})$/; 
  14.     else 
  15.     { 
  16.         f_alert(obj,"日期格式不对"); 
  17.         return false; 
  18.     } 
  19.     matchArray = time.match(datePat); 
  20.     if(matchArray == null)  
  21.     { 
  22.         f_alert(obj,"日期长度不对,或日期中有非数字符号"); 
  23.         return false; 
  24.     } 
  25.     if(/^(y{4})(-|\/)(M{1,2})\2(d{1,2}) (HH:mm:ss)$/.test(format)) 
  26.     { 
  27.         year = matchArray[1]; 
  28.         month = matchArray[3]; 
  29.         day = matchArray[4]; 
  30.         hour = matchArray[5]; 
  31.         minute = matchArray[6]; 
  32.         second = matchArray[7]; 
  33.     } else 
  34.     { 
  35.         year = matchArray[1]; 
  36.         month = matchArray[2]; 
  37.         day = matchArray[3]; 
  38.         hour = matchArray[4]; 
  39.         minute = matchArray[5]; 
  40.         second = matchArray[6]; 
  41.     } 
  42.     if (month < 1 || month > 12) 
  43.     {              
  44.         f_alert(obj,"月份应该为1到12的整数"); 
  45.         return false; 
  46.     } 
  47.     if (day < 1 || day > 31) 
  48.     {            
  49.         f_alert(obj,"每个月的天数应该为1到31的整数"); 
  50.         return false; 
  51.     }      
  52.     if ((month==4 || month==6 || month==9 || month==11) && day==31) 
  53.     {          
  54.         f_alert(obj,"该月不存在31号"); 
  55.         return false; 
  56.     }      
  57.     if (month==2) 
  58.     { 
  59.         var isleap=(year % 4==0 && (year % 100 !=0 || year % 400==0)); 
  60.         if (day>29) 
  61.         {                
  62.             f_alert(obj,"2月最多有29天"); 
  63.             return false; 
  64.         } 
  65.         if ((day==29) && (!isleap)) 
  66.         {                
  67.             f_alert(obj,"闰年2月才有29天"); 
  68.             return false; 
  69.         } 
  70.     } 
  71.     if(hour<0 || hour>23) 
  72.     { 
  73.         f_alert(obj,"小时应该是0到23的整数"); 
  74.         return false; 
  75.     } 
  76.     if(minute<0 || minute>59) 
  77.     { 
  78.         f_alert(obj,"分应该是0到59的整数"); 
  79.         return false; 
  80.     } 
  81.     if(second<0 || second>59) 
  82.     { 
  83.         f_alert(obj,"秒应该是0到59的整数"); 
  84.         return false; 
  85.     } 
  86.     return true; 
  87. } 
  88.   


/*判断当前对象是否可见*/
代码

   1. function isVisible(obj){ 
   2.     var visAtt,disAtt; 
   3.     try{ 
   4.         disAtt=obj.style.display; 
   5.         visAtt=obj.style.visibility; 
   6.     }catch(e){} 
   7.     if(disAtt=="none" || visAtt=="hidden") 
   8.         return false; 
   9.     return true; 
  10. } 
  11.   


/*判断当前对象及其父对象是否可见*/
代码

   1. function checkPrVis(obj){ 
   2.     var pr=obj.parentNode; 
   3.     do{ 
   4.         if(pr == undefined || pr == "undefined") return true; 
   5.         else{ 
   6.             if(!isVisible(pr)) return false; 
   7.         } 
   8.     }while(pr=pr.parentNode); 
   9.     return true; 
  10. } 
  11.   


/* 弹出警告对话框,用户点确定后将光标置于出错文本框上, 并且将原来输入内容选中。*/
代码

   1. function f_alert(obj,alertInfo) 
   2. { 
   3.     var caption = obj.getAttribute("eos_displayname"); 
   4.     if(caption == null) 
   5.         caption = ""; 
   6.     alert(caption + ":" + alertInfo + "!");  
   7.     obj.select(); 
   8.     if(isVisible(obj) && checkPrVis(obj)) 
   9.         obj.focus(); 
  10. } 
  11.   


/**
* 检测字符串是否为空
*/
代码

   1. function isnull(str) 
   2. { 
   3.     var i; 
   4.     if(str.length == 0) 
   5.         return true; 
   6.     for (i=0;i<str.length;i++) 
   7.     { 
   8.         if (str.charAt(i)!=' ')  
   9.             return false; 
  10.     } 
  11.     return true; 
  12. } 
  13.   


/**
* 检测指定文本框输入是否合法。
* 如果用户输入的内容有错,则弹出提示对话框,
* 同时将焦点置于该文本框上,并且该文本框前面
* 会出现一个警告图标(输入正确后会自动去掉)。
*/
代码

   1. function checkInput(object) 
   2. { 
   3.     var image; 
   4.     var i; 
   5.     var length; 
   6.  
   7.     if(object.eos_maxsize + "" != "undefined") length = object.eos_maxsize; 
   8.     else length = 0; 
   9.  
  10.     if (object.eos_isnull=="true" && isnull(object.value))  return true; 
  11.  
  12.     /* 长度校验 */ 
  13.     if(length != 0 && strlen(object.value) > parseInt(length)) { 
  14.             f_alert(object, "超出最大长度" + length); 
  15.             return false; 
  16.     }  
  17.     /* 数据类型校验 */ 
  18.     else { 
  19.         if (object.eos_datatype + "" != "undefined") 
  20.         {        
  21.  
  22.             var dtype = object.eos_datatype; 
  23.             var objName = object.name; 
  24.             //如果类型名后面带有括号,则视括号前面的字符串为校验类型 
  25.             if(dtype.indexOf("(") != -1) 
  26.                 dtype = dtype.substring(0,dtype.indexOf("(")); 
  27.             //根据页面元素的校验类型进行校验 
  28.             try{ 
  29.                 if(eval("f_check_" + dtype + "(object)") != true) 
  30.                     return false; 
  31.             }catch(e){return true;} 
  32.             /*  如果form中存在name前半部分相同,并且同时存在以"min"和"max"结尾的表单域,
  33.                 那么视为按区间查询。即"min"结尾的表单域的值要小于等于"max"结尾的表单域的值。 */ 
  34.             if(objName.substring((objName.length-3),objName.length)=="min") 
  35.             { 
  36.                 var objMaxName = objName.substring(0, (objName.length-3)) + "max"; 
  37.                 if(document.getElementById(objMaxName) != undefined && document.getElementById(objMaxName) != "undefined" ) 
  38.                 { 
  39.                     if(checkIntervalObjs(object, document.getElementById(objMaxName)) != true) 
  40.                         return false;                    
  41.                 } 
  42.             }            
  43.         } 
  44.     } 
  45.     return true; 
  46. } 
  47.   


/* 检测表单中所有输入项的正确性,一般用于表单的onsubmit事件 */
代码

   1. function checkForm(myform) 
   2. { 
   3.     var i; 
   4.     for (i=0;i<myform.elements.length;i++) 
   5.     { 
   6.         /* 非自定义属性的元素不予理睬 */      
   7.         if (myform.elements[i].eos_displayname + "" == "undefined") continue; 
   8.         /* 非空校验 */ 
   9.         if (myform.elements[i].eos_isnull=="false" && isnull(myform.elements[i].value)){ 
  10.             f_alert(myform.elements[i],"不能为空"); 
  11.             return false; 
  12.         }        
  13.         /* 数据类型校验 */ 
  14.         if (checkInput(myform.elements[i])==false) 
  15.             return false;                
  16.     } 
  17.     return true; 
  18. } 
  19.   


/**
* 校验两个表单域数据的大小,目前只允许比较日期和数字。
* @param obj1 小值表单域
* @param obj2 大值表单域
*/
代码

   1. function checkIntervalObjs(obj1 , obj2) 
   2. {    
   3.     var caption1 = obj1.getAttribute("eos_displayname"); 
   4.     var caption2 = obj2.getAttribute("eos_displayname"); 
   5.     var val1 = parseFloat(obj1.value); 
   6.     var val2 = parseFloat(obj2.value); 
   7.     // 非自定义属性的元素不予理睬 
   8.     if (obj1.eos_displayname + "" == "undefined" || obj2.eos_displayname + "" == "undefined") { 
   9.         return false; 
  10.     } 
  11.     // 日期类型的比较 
  12.     if(f_check_date(obj1) == true && f_check_date(obj2) == true){ 
  13.         var dtype = obj1.eos_datatype; 
  14.         var format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));  //日期格式 
  15.         val1 = getDateByFormat(obj1.value, format); 
  16.         dtype = obj2.eos_datatype; 
  17.         format = dtype.substring(dtype.indexOf("(")+1,dtype.indexOf(")"));  //日期格式 
  18.         val2 = getDateByFormat(obj2.value, format); 
  19.         if(val1 > val2){ 
  20.         obj2.select(); 
  21.         if(isVisible(obj) && checkPrVis(obj)) 
  22.             obj2.focus(); 
  23.         alert(caption1 + "的起始日期不能大于其终止日期!"); 
  24.         return false; 
  25.         } 
  26.     } 
  27.     // 数字类型的比较 
  28.     if((isNaN(val1) && !isnull(val1)) || (isNaN(val2) && !isnull(val2))){ 
  29.         alert(caption1 + "的值不全为数字则不能比较!"); 
  30.         return false; 
  31.     } 
  32.     if(val1 > val2){ 
  33.         obj2.select(); 
  34.         if(isVisible(obj) && checkPrVis(obj)) 
  35.             obj2.focus(); 
  36.         alert(caption1 + "的起始值不能大于其终止值!"); 
  37.         return false; 
  38.     } 
  39.     return true; 
  40. } 
  41.   

/*根据日期格式,将字符串转换成Date对象。
格式:yyyy-年,MM-月,dd-日,HH-时,mm-分,ss-秒。
(格式必须写全,例如:yy-M-d,是不允许的,否则返回null;格式与实际数据不符也返回null。)
默认格式:yyyy-MM-dd HH:mm:ss,yyyy-MM-dd。*/
代码

   1. function getDateByFormat(str){ 
   2.     var dateReg,format; 
   3.     var y,M,d,H,m,s,yi,Mi,di,Hi,mi,si; 
   4.     if((arguments[1] + "") == "undefined") format = "yyyy-MM-dd HH:mm:ss"; 
   5.     else format = arguments[1]; 
   6.     yi = format.indexOf("yyyy"); 
   7.     Mi = format.indexOf("MM"); 
   8.     di = format.indexOf("dd"); 
   9.     Hi = format.indexOf("HH"); 
  10.     mi = format.indexOf("mm"); 
  11.     si = format.indexOf("ss"); 
  12.     if(yi == -1 || Mi == -1 || di == -1) return null; 
  13.     else{ 
  14.         y = parseInt(str.substring(yi, yi+4)); 
  15.         M = parseInt(str.substring(Mi, Mi+2)); 
  16.         d = parseInt(str.substring(di, di+2)); 
  17.     } 
  18.     if(isNaN(y) || isNaN(M) || isNaN(d)) return null; 
  19.     if(Hi == -1 || mi == -1 || si == -1) return new Date(y, M-1, d); 
  20.     else{ 
  21.         H = str.substring(Hi, Hi+4); 
  22.         m = str.substring(mi, mi+2); 
  23.         s = str.substring(si, si+2); 
  24.     } 
  25.     if(isNaN(parseInt(y)) || isNaN(parseInt(M)) || isNaN(parseInt(d))) return new Date(y, M-1, d); 
  26.     else return new Date(y, M-1, d,H, m, s); 
  27. } 
  28.   


/*LTrim(string):去除左边的空格*/
代码

   1. function LTrim(str){ 
   2.     var whitespace = new String(" \t\n\r"); 
   3.     var s = new String(str);    
   4.  
   5.     if (whitespace.indexOf(s.charAt(0)) != -1){ 
   6.         var j=0, i = s.length; 
   7.         while (j < i && whitespace.indexOf(s.charAt(j)) != -1){ 
   8.             j++; 
   9.         } 
  10.         s = s.substring(j, i); 
  11.     } 
  12.     return s; 
  13. } 
  14.   


/*RTrim(string):去除右边的空格*/
代码

   1. function RTrim(str){ 
   2.     var whitespace = new String(" \t\n\r"); 
   3.     var s = new String(str); 
   4.   
   5.     if (whitespace.indexOf(s.charAt(s.length-1)) != -1){ 
   6.         var i = s.length - 1; 
   7.         while (i >= 0 && whitespace.indexOf(s.charAt(i)) != -1){ 
   8.             i--; 
   9.         } 
  10.         s = s.substring(0, i+1); 
  11.     } 
  12.     return s; 
  13. } 
  14.   


/*Trim(string):去除字符串两边的空格*/
代码

   1. function Trim(str){ 
   2.     return RTrim(LTrim(str)); 
   3. }  
分享到:
评论

相关推荐

    javascript经典例子

    JavaScript 是一种广泛应用于 Web 开发的脚本语言,本文将总结一些常用的 JavaScript 经典例子,从验证类、时间类、表单类、浏览器类、结合类、功能类、打印类、事件类、网页设计类、树型结构、无边框效果的制作、...

    javascript表单验证例子

    JavaScript是Web开发中不可或缺的一部分,尤其在前端交互和数据验证方面扮演着重要角色。表单验证是JavaScript的一个关键应用场景,它允许我们在用户提交数据前检查输入的有效性,从而提高用户体验并减轻服务器的...

    javascript 注册小例子

    总的来说,"javascript注册小例子"是一个学习和实践JavaScript前端验证的实例,涵盖了基本的表单处理、数据验证、正则表达式应用以及与服务器的异步交互。通过理解和分析这个例子,开发者可以更好地掌握JavaScript在...

    表单注册验证例子

    前端部分可能涉及HTML表单元素、CSS样式以及JavaScript验证脚本。后端部分可能有路由处理、接收POST请求、执行验证逻辑和返回响应的代码。 在实际项目中,我们还需要考虑以下方面: 1. 错误提示:当验证失败时,...

    _JavaScript表单验证实例 js 前端 例子

    _JavaScript表单验证实例 js 前端 例子_JavaScript表单验证实例 js 前端 例子

    javascript验证框架

    JavaScript验证框架是用于在前端进行数据验证的一种工具,它能够帮助开发者确保用户输入的数据符合预设的规则,提高用户体验并减少服务器端的压力。这个框架主要应用于表单验证,包括但不限于电子邮件地址、手机号码...

    jQuery表单验证例子

    通过学习这个例子,你可以了解如何在实际项目中设置和使用jQuery Validate插件,这对于构建用户友好的、有严格数据验证的Web应用至关重要。在深入学习和实践过程中,你还将掌握如何结合其他jQuery功能,如动态添加...

    JavaScript 例子(JavaScript 源码html格式)

    8. **正则表达式**:正则表达式在JavaScript中用于文本匹配和搜索,例子将展示如何使用正则进行复杂的字符串验证和替换。 9. **面向对象编程**:JavaScript支持基于原型的面向对象编程,包括构造函数、原型链和实例...

    javascript经典例子.txt

    ### JavaScript经典例子知识点详解 #### 一、验证类 **1....以上是对给定文件中提到的一些JavaScript经典例子的详细解释和示例代码,涵盖了验证类、时间类、表单类等多个方面,希望对你有所帮助。

    javascript实用例子文件

    这个"javascript实用例子文件"的压缩包很可能包含了各种实际应用中的JavaScript代码示例,可以帮助学习者更好地理解和掌握JavaScript的核心概念及实践技巧。 首先,我们来看一下JavaScript的基本特性。JavaScript是...

    javascript特效例子50例

    4. **表单验证**:JavaScript可以实时验证用户输入,比如邮箱格式、手机号码、密码强度等,避免提交无效数据。 5. **拖放功能**:通过HTML5的drag and drop API,可以实现元素的拖放操作,创建交互式界面。 6. **...

    JQuer用户名验证例子-java

    在这个"JQuer用户名验证例子"中,我们将探讨如何使用JavaScript库jQuery来实现前端的用户名验证,而无需与数据库交互。这个例子简化了流程,把数据库操作留给了服务器端,如Servlet。 **jQuery简介** jQuery是一个...

    身份验证JavaScript

    在实际应用中,除了客户端的JavaScript验证,服务器端也需要进行二次验证,因为客户端验证可以被绕过。通常,开发者会将用户提交的信息发送到服务器,服务器端使用Java或其他后端语言进行更严格的验证,包括数据库...

    Ssdun网络验证EasyClick例子新版.zip

    "Ssdun网络验证EasyClick例子新版.zip" 这个标题提到了两个主要概念:Ssdun网络验证和EasyClick。Ssdun可能是某个特定的网络验证系统或者服务的缩写,而EasyClick则是一个工具或框架的名字,可能与用户界面交互有关...

    html的checkbox的javascript验证

    本文将深入探讨HTML checkbox的JavaScript验证。 一、HTML checkbox基本结构 HTML中的checkbox通过`&lt;input&gt;`标签创建,type属性设置为"checkbox"。例如: ```html &lt;label for="option1"&gt;Option 1 ``` 二、...

    身份证号码验证程序 javascript验证的html文件

    在这个例子中,JavaScript代码负责处理用户的输入,进行身份证号码的有效性验证。 3. **身份证号码验证规则**:中国的身份证号码由18位数字组成,包括地区码、出生日期码、顺序码和校验码。验证时需检查: - 地区...

    验证控件的例子

    除了上述内置控件,.NET还支持CustomValidator控件,它允许开发者编写自定义的JavaScript和C#验证函数,以满足更复杂的需求。 在实际项目中,你可能还需要考虑客户端验证和服务器端验证的结合使用。客户端验证可以...

    300个JavaScript小例子.rar

    本压缩包"300个JavaScript小例子.rar"包含了一系列JavaScript编程实例,旨在帮助初学者和进阶者更好地理解和掌握JavaScript的核心概念与技巧。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)...

    js特效 javascript例子

    标题“js特效 javascript例子”暗示我们将探讨JavaScript在创建网页特效方面的应用。JavaScript特效可以包括但不限于动画、滑动面板、下拉菜单、轮播图、模态窗口、拖放功能、表单验证等。这些特效为用户提供了更...

    javascript简单验证框架

    在这个例子中,JSP文件可能包含了HTML表单元素和对应的JavaScript验证调用,展示了如何在实际项目中使用`CheckForm.js`进行表单验证。 在使用这个JavaScript验证框架时,开发者需要了解以下几个关键点: 1. **引入...

Global site tag (gtag.js) - Google Analytics