本文主要和大家分享js表单验证实现代码，运用了正则表达式，进行匹配。希望能帮助到大家。
javascript的17种正则表达式
"^\\d+$" //非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 "^\\d+(\\.\\d+)?$" //非负浮点数（正浮点数 + 0） "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数（负浮点数 + 0） "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数"^(-?\\d+)(\\.\\d+)?$" //浮点数 "^[A-Za-z]+$" //由26个英文字母组成的字符串 "^[A-Z]+$" //由26个英文字母的大写组成的字符串 "^[a-z]+$" //由26个英文字母的小写组成的字符串 "^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串 "^\\w+$" //由数字、26个英文字母或者下划线组成的字符串 "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url
当然也可以通过使用JQurey插件实现，我们为了体现实现的过程。
中间的表单应该使用
<ｓｃｒｉｐｔ>function nameve(){var name=document.getElementById("name");var name1=document.getElementById("name1");var verify=name.value;if(verify==""){name1.innerHTML="账号不能为空";name1.style.color="red";}if((verify.length<4&&verify.length>0)||verify.length>16){name1.innerHTML="长度过长或过短";name1.style.color="red";}if(verify.length>=4&&verify.length<=16){name1.innerHTML="格式正确";name1.style.color="green";}}function passve(){var name=document.getElementById("pass");var name1=document.getElementById("pass1");var verify=name.value;if(verify==""){name1.innerHTML="密码不能为空";name1.style.color="red";}if((verify.length<6&&verify.length>0)||verify.length>16){name1.innerHTML="长度过长或过短";name1.style.color="red";}if(verify.length>=6&&verify.length<=16){name1.innerHTML="格式正确";name1.style.color="green";}}function passwordve(){var name=document.getElementById("password");var name1=document.getElementById("password1");var pass=document.getElementById("pass");var verify=name.value;var verify1=pass.value;if(verify==verify1){name1.innerHTML="正确";name1.style.color="green";} else{ name1.innerHTML="两次输入的密码不一致"; name1.style.color="red"; }}function ageve(){var age0=/^((19\d{2})|(20\d{2}))--(0?[1-9]|1[0-2])--(0?[1-9]|[1-2]\d|3[0-1])$/;var age=document.getElementById("age").value;var age1=document.getElementById("age1");if(age0.test(age)==true){age1.innerHTML="正确";age1.style.color="green";}else{age1.innerHTML="格式错误"; age1.style.color="red";}}function emave(){var ema0=/^\w+@\w+.[A-Za-z]{2,3}(.[A-Za-z]{2,3})?$/;var ema=document.getElementById("ema").value;var ema1=document.getElementById("ema1");if(ema0.test(ema)==true){ema1.innerHTML="正确";ema1.style.color="green";}else{ema1.innerHTML="格式错误"; ema1.style.color="red";}}function telve(){var tel0=/^1\d{10}$/;var ema=document.getElementById("tel").value;var ema1=document.getElementById("tel1");if(tel0.test(ema)==true){ema1.innerHTML="正确";ema1.style.color="green";}else{ema1.innerHTML="格式错误"; ema1.style.color="red";}}
相关推荐：
js表单验证实例讲解_javascript技巧
