2022年常用的js提交表单及js表单验证代码 .pdf

js 提交表单及js 表单验证功能强大，很多原本需要在服务器端实现的功能，现在通过简单的 js 代码就可以在客服端实现同样的效果。下面是一些常用的js 表单验证代码，供大家参考学习。1:js 字符串长度限制、判断字符长度、js 限制输入、限制不能输入、textarea 长度限制 function test()if(document.a.b.value.length50)alert(不能超过50 个字符！);document.a.b.focus();return false;2:js 验证邮箱格式 function isEmail(strEmail)if(strEmail.search(/w+(-w+)|(.w+)*A-Za-z0-9+(.|-)A-Za-z0-9+)*.A-Za-z0-9+$/)!=-1)return true;else alert(oh);3:js 屏蔽关键字(这里屏蔽*和*)function test()if(a.b.value.indexOf(*)=0)|(a.b.value.indexOf(*)=0)alert(:);a.b.focus();return false;4:js 两次输入密码是否相同 function check()名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 11 页 -with(document.all)if(input1.value!=input2.value)alert(false)input1.value=;input2.value=;else document.forms0.submit();5:js 屏蔽右键oncontextmenu=return false ondragstart=return false onselectstart=return false加在 body 中6:js 判断表单项不能为空 7：js 比较两个表单项的值是否相同 名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 11 页 -8:js 判断表单项只能为数字和_,用于电话/银行帐号验证上,可扩展到域名注册等!-function isNumber(String)var Letters=1234567890-;/可以自己增加可输入值var i;var c;if(String.charAt(0)=-)return false;if(String.charAt(String.length-1)=-)return false;for(i=0;i String.length;i+)c=String.charAt(i);if(Letters.indexOf(c)9：js 判断表单项输入数值/长度限定 100|document.form.count.value 1)名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 11 页 -alert(输入数值不能小于零大于100!);document.form.count.focus();return false;if(document.form.MESSAGE.value.length 10：js 判断中文/英文/数字/邮件地址合法性判断!-function isEnglish(name)/英文值检测 if(name.length=0)return false;for(i=0;i 128)return false;return true;function isChinese(name)/中文值检测 if(name.length=0)return false;for(i=0;i 128)return true;return false;function isMail(name)/E-mail 值检测 名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 11 页 -if(!isEnglish(name)return false;i=name.indexOf(at);j=name dot lastIndexOf(at);if(i=-1)return false;if(i!=j)return false;if(i=name dot length)return false;return true;function isNumber(name)/数值检测 if(name.length=0)return false;for(i=0;i name.length;i+)if(name.charAt(i)9)return false;return true;function CheckForm()if(!isMail(form.Email.value)alert(您的电子邮件不合法！ 喜盈);form.Email.focus();return false;if(!isEnglish(form.name.value)alert(英文名不合法！);form.name.focus();return false;if(!isChinese(name.value)alert(中文名不合法！);name.focus();return false;名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 11 页 -if(!isNumber(form.PublicZipCode.value)alert(邮政编码不合法！长鸿 433 );form.PublicZipCode.focus();return false;return true;/-11：js 限定表单项不能输入的字符!-function contain(str,charset)/字符串包含测试函数 var i;for(i=0;i=0)return true;return false;function CheckForm()if(contain(document.form.NAME.value,%()12：js 检查一段字符串是否全由数字组成 13:js 怎么判断是否是字符 14:邮箱格式验证 1)if(i-temp)3)if(i-tempd)0)return 1;return 0;/-包含页:CheckForm.js 代码如下:/*/规则检查排序function RegCheck(objs)var str=objs.checktype;switch(str)名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 11 页 -case cn:/要检查的表单控件的输入类型必须为中文return CnWordRegCheck(objs);break;case idnum:return IdCardRegCheck(objs);/要检查的表单控件的输入类型必须为身份证号break;case num:/要检查的表单控件的输入类型必须为数字 return NumRegCheck(objs);break;case mail:/要检查的表单控件的输入类型必须为EMAIL return EmailRegCheck(objs);break;case txt:/要检查的表单控件的输入类型必须为字符串 return SpecialWordRegCheck(objs);break;case notes:return true;/要检查的表单控件的输入类型必须为什么都可以 break;/*/检查电话号码function NumRegCheck(obj)var uplimit=obj.checkrule.split(,)0;var downlimit=obj.checkrule.split(,)1;var reg=;if(downlimit=null)reg=eval(/0-9+uplimit+$/);else reg=eval(/0-9+uplimit+,+downlimit+$/);var str=obj.value;var flag=reg.test(str);return flag;名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 11 页 -/*/检查身份证号function IdCardRegCheck(obj)var str=obj.value;var reg=/(0-915|0-918)$/;var flag=reg.test(str);return flag;/*/检查 EMAIL function EmailRegCheck(obj)var str=obj.value;var reg=/(a-zA-Z0-9_-)+(a-zA-Z0-9_-)+(.a-zA-Z0-9_-2,3)1,2)$/;var flag=reg.test(str);return flag;/*/检查中文输入function CnWordRegCheck(obj)var str=obj.value;var reg=/u4e00-u9fa5(s*u4e00-u9fa5)*$/;var flag=reg.test(str);/alert(flag);return flag;/*/检查特殊字符function SpecialWordRegCheck(obj)var reg=/(/)()/g)()()()/g;var str=obj.value;var flag=reg.test(str);flag=!flag;return flag;名师资料总结-精品资料欢迎下载-名师精心整理-第 9 页，共 11 页 -/*/检查主引导函数function CheckForm(obj)var myform=eval(document.+obj.name);for(i=0;imyform.elements.maxlength)alert(您忘了填写+name+!+或者您填写的信息不符合规范!);myform.elements.focus();return false;break;if(myform.elements.value=0)alert(您忘了选择+name+!);myform.elements.focus();return false;break;/数据规范化检查var myobj=myform.elements;/alert(myobj.checktype);/break;if(!RegCheck(myobj)alert(name+北斗星 636 !);myobj.focus();return false;break;名师资料总结-精品资料欢迎下载-名师精心整理-第 10 页，共 11 页 -名师资料总结-精品资料欢迎下载-名师精心整理-第 11 页，共 11 页 -