28个JS验证函数收集_表单特效_脚本之家

2019-11-26 16:07栏目:竞技宝竞猜
TAG:

JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合 进行提交. 2. //当鼠标按下直接调用函数验证 3. //传入自己的值进行验证,test//传入对象本身进行验证 4. //单击Btn进行验证,如果通过则用document.forms[0].submit(); 进行表单提交 5.//使用submit进行提交验证,如果test中return false;则不提交返true提交. 6.

  }

  1. //执行单条正则验证例 验证函数: 1.字符长度限制 function test() { if(document.form1.text1.value.length>50) { alert; document.form1.text1.focus(); return false; } } 2.只能是英文,字母或数字 function test() { if(!(event.keyCode>=65&&event.keyCode<=90)) { alert; document.form1.text1.focus(); } } //字母或数字 3.只能是数字 function test() { if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) //考虑小键盘上的数字键 { alert; document.form1.text1.focus(); } } 或者 function test { var i,j,strTemp; strTemp="0123456789"; if return 0 for { j=strTemp.indexOf; if { alert; return false; } } //说明是数字 return true; } 5.验证邮箱 function isEmail { if (strEmail.search*@[A-Za-z0-9]+*.[A-Za-z0-9]+$/) != -1) return true; else alert; } function isEmail() { if (document.userinfo.useremail.value.charAt=="." || document.userinfo.useremail.value.charAt=="@"|| document.userinfo.useremail.value.indexOf == -1 || document.userinfo.useremail.value.indexOf == -1 || document.userinfo.useremail.value.lastIndexOf==document.userinfo.useremail.value.length-1 || document.userinfo.useremail.value.lastIndexOf==document.userinfo.useremail.value.length-1) { alert; document.userinfo.useremail.focus(); return false; } } 6.屏蔽关键字 function test() { if((document.form1.text1.value.indexOf ||(document.form1.text1.value.indexOf { alert; document.form1.text1.focus(); return false; } } 7.比较两次输入是否相同 if(document.userinfo.userpassword.value != document.userinfo.userpassword1.value) { document.userinfo.userpassword.focus(); document.userinfo.userpassword.value = ''; document.userinfo.userpassword1.value = ''; alert; return false; } 8.判断是否为空或空格组成 function test(){ if(checkspace(document.form1.text1.value)) { document.form1.text1.focus(); alert; return false; } } function checkspace { var str = ''; for(i = 0; i < checkstr.length; i++) { str = str + ' '; } return ; } 或者: //执行单条正则验证例 9. 验证是否是数字电话,只能是数字和- 正则:d{3}-d{8}|d{4}-d{7} function istel { var str=elem.value; var oneDecimal=false; var oneChar=0; str=str.toString; for (var i=0; i 57) { alert; return false; } } return true; } 或者 function fucCheckTEL { var i,j,strTemp; strTemp="0123456789-()# "; for { j=strTemp.indexOf; if { alert; return false; } } //说明合法 return true; } 或者 //校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-” function isTel { //var patrn=/^[+]{0,1}{1,12})+$/; var patrn=/^[+]{0,1}{1,3}[ ]?+$/; if return false return true } 或者 要求: "和"-"构成 如果电话号码中包含有区号,那么区号为三位或四位 "或"-"和其他部分隔开 移动电话号码为11或12位,如果为12位,那么第一位为0 11位移动电话号码的第一位和第二位为"13" 12位移动电话号码的第二位和第三位为"13" 根据这几条规则,可以与出以下正则表达式: (^[0-9]{3,4}-[0-9]{3,8}$)||[0-9]{3,8}$)| function PhoneCheck { var str=s; var reg=/(^[0-9]{3,4}-[0-9]{3,8}$)||[0-9]{3,8}$)|/ alert; } 10.//当opt2为1时检查num是否是负数//当opt1为1时检查num是否是小数//返回1是正确的,0是错误的 function chknbr { var i=num.length; var staus; //staus用于记录.的个数 status=0; if && { alert("You have enter a invalid number."); return 0; } //当最后一位为.时出错 if { alert("You have enter a invalid number."); return 0; } for { if { status++; } if { alert("You have enter a invalid number."); return 0; } if 24 || a[3]>60 || a[4]>60) { alert; return false } return true; } 短日期,形如 function strDateTime { var r = str.match$/); ifreturn false; var d= new Date; return ==r[1]&&==r[3]&&d.getDate; } 长时间,形如 function strDateTime { var reg = /^ :$/; var r = str.matchreturn false; var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); return ==r[1]&&==r[3]&&d.getDate==r[5]&&d.getMinutes()==r[6]&&d.getSeconds; } 26.判断字符全部由a-Z或者是A-Z的字字母组成 27.判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母 28.表单的值不能为空,不能超过imax字符,不能少于imix字符,输入为中文判断 function isNull{ //var pattern=/^s+|s+$/; if(elem.replace==""){ return false; }else{ return true; } } function imax{ if{ return false; }else{ return true; } } function imix{ if(elem.lengthreturn false; }else{ return true; } } function isChinese{ var pattern=/[^x00-xff]/g; if{ //包含中文 return false; }else{ //不包含中文 return true; } }

 alert("You have enter a invalid number.");

7.||与,&&或,!非 8.常用事件:onblur失去焦点,onchange失去焦点并且内容发生改变,onfocus元素获得焦点,onreset当表单中RESET的属性被激发时,onsubmit表单被提交时触发此事件 9.验证正则表达式:if(/^[1-9]d*$/.test返回真则通过,FALSE通不通过 10.document.getElementById.value//访问ID的值,document.form1.text1.value//通过name访问

//说明是数字

   return false;

}

else

       {

    sTemp=url.substring(0,7);

{

//ip地址

{

     <input onblur="if(/[^a-zA-Z]/g.test(this.value))alert('有错')"> 

 

  (^[0-9]{3,4}-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^([0-9]{3,4})[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)

  status++;

  {

{

}else{

    var pattern = /13\d{9}/;

      alert("Email地址格式不正确!");

     }

var patrn=/^[a-zA-Z0-9 ]{3,12}$/;

}

      return false;

}

7.||与,&&或,!非

 

 alert("You have enter a invalid number.");

 {

    var b=true;

return false;

8.常用事件:onblur失去焦点,onchange失去焦点并且内容发生改变,onfocus元素获得焦点,onreset当表单中RESET的属性被激发时,onsubmit表单被提交时触发此事件

}

   if (temp==-1)

//var exp=/b(((?!ddd)d+|1dd|2[0-4]d|25[0-5])(b|.)){4}/

if(!(event.keyCode>=65&&event.keyCode<=90))

       document.userinfo.userpassword.focus();

return false;

 

//staus用于记录.的个数

7.比较两次输入是否相同

return true;

 else

14.IP地址

28.表单的值不能为空,不能超过imax字符,不能少于imix字符,输入为中文判断

 

 

        var r = str.match(/^(d{1,4})(-|/)(d{1,2})2(d{1,2})$/);

//var exp=/^(d{15}|d{17}[x0-9])/

}else{

  }

   return true;

var pattern=/[^x00-xff]/g;

}

 if (num.charAt(j)=='.')

 for (i=0;i<=(str.length-1);i++)

}

}

    sTemp=sTemp.toUpperCase();

正则:d{3}-d{8}|d{4}-d{7}

function test()

//校验手机号码:必须以数字开头,除数字外,可含有“-”

if (!patrn.exec(s)) return false

return false;

{

 

 

 

20.是否有效的手机号码

if (!patrn.exec(s)) return false

 oneChar=str.charAt(i).charCodeAt(0);

     }

   return 0;

{

function checkIP()

 

var i,j,strTemp;

 j=strTemp.indexOf(NUM.charAt(i));

24.校验密码:只能输入6-20个字母、数字、下划线

     function isTime(str)

10.//当opt2为1时检查num是否是负数//当opt1为1时检查num是否是小数//返回1是正确的,0是错误的

function IsMobile(s)

16.QQ号

 {

return false;

return true;

 

1.字符长度限制

alert(reg.test(str));

alert("只能是数字!");

function chknbr(num,opt1,opt2)

  for(i = 0; i < checkstr.length; i++) {

 {

{

{

       document.userinfo.userpassword1.value = '';

return true;

    if(checkspace(document.form1.text1.value)) {

}

var i,j,strTemp;

{

    if (temp.length!=7) return false;

         document.userinfo.useremail.value.indexOf('.', 0) == -1 ||

var oneChar=0;

 return 0; 

strTemp="0123456789";

}else{

if ((opt2!=1) && (num.charAt(0)=='-'))

23.校验用户姓名:只能输入1-30个以字母开头的字串

function test(str)

    if (temp=="") return true;

{

for (var i=0; i<str.length; i++) {

      }

9. 验证是否是数字电话,只能是数字和-

alert("IP地址合法!");

  return false;

 

<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"> //执行单条正则验证例

18.是否有效的颜色值

       return true;

//var patrn=/^[a-zA-Z0-9]{3,12}$/;

}

     if (document.userinfo.useremail.value.charAt(0)=="." ||       

}

     function strDateTime(str)

      document.userinfo.useremail.focus();

//说明合法

for (i=0;i<TEL.length;i++)

 if(document.userinfo.userpassword.value != document.userinfo.userpassword1.value) {

function test() {

alert("只能是数字!");

    var temp=color;

}

    <input onblur="if(/^([a-zA-z_]{1})([w]*)$/g.test(this.value))alert('有错')"> 

  return (str == checkstr);

alert("格式不正确!");

     {

  alert("此项只能输入数字和'-'号.");

}

str=str.toString( );

return true;

 return 0;

       if(r==null)return false;

function imax(elem){

{

}

或者

if (num.charAt(i-1)=='.')

function checkspace(checkstr) {

            alert("两次输入的密码不同,请重新输入!");

25.日期时间类

        var d= new Date(r[1], r[3]-1, r[4]);

     function strDateTime(str)

if(pattern.test(elem)){

if(reg==null)

    }

 

alert("不能超过50个字符!");

  var str = '';

     {

    return b;

 var temp;

alert("此项只能输入数字和'-'号.");

}

21.IP地址和身份证号验证(正则)

function test(NUM)

 {

}

return true

 

 

或者

   ch = str.charAt(i);

}

       if (a[1]>24 || a[3]>60 || a[4]>60)

document.form1.text1.focus();

 if (strSource.indexOf(ch)==-1)

//var pattern=/^s+|s+$/;

else

function isEmail(strEmail) {

}

 

}

{

{

}

return true

}

}

if(/^[1-9]d*$/.test(str))

  }

6.<script type="javascript">....function test(){...return false;...}...</script>

12.数字验证

 if(oneChar<48 || oneChar > 57) {

var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;

var i=num.length;

  (3)如果电话号码中包含有区号,那么区号为三位或四位

2.只能是英文,字母或数字

     {

var staus;

}

if (!patrn.exec(s)) return false

9.验证正则表达式:if(/^[1-9]d*$/.test(str))返回真则通过,FALSE通不通过

 return 0

{

正则:[1-9]d{5}(?!d)

<input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有错')"> //字母或数字

var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;

做网站的时候,很多地方都是由表单提交组成的,但是有提交的地方都要有验证。客户端验证最简单的方法就是使用JS自定义函数。这个文档包含平时常用的28个验证函数,还有验证函数几种使用方法。

}

 

       return false;

}

{

}

return true;

 

{

 j=strTemp.indexOf(TEL.charAt(i));

8.判断是否为空或空格组成

  短时间,形如 (13:04:06)

function isEmail() {

<input type="text" name="text1" id="text1" onblur="test();"  value="" />

5.<input onClick="return test();" type="submit" name="submit" value=" 提交信息 ">//使用submit进行提交验证,如果test中return false;则不提交返true提交.

 

版权声明:本文由龙竞技官网发布于竞技宝竞猜,转载请注明出处:28个JS验证函数收集_表单特效_脚本之家

    随机看看

    NEW ARTICLE

    热门文章

    HOT ARTICLE