1.onSubmit事件属于form表单元素,所以要写在form标签内。2.onSubmit=""> 1.onSubmit事件属于form表单元素,所以要写在form标签内。2.onSubmit="" />
欢迎来到天天文库
浏览记录
ID:37761664
大小:27.50 KB
页数:5页
时间:2019-05-30
《常用表单校验用户名密码单选按钮验证》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、常用表单校验在表单加1.onSubmit事件属于form表单元素,所以要写在form标签内。2.onSubmit="return方法名()"将根据返回的真/假值来决定是否提交表单数据。a):如果使用图片提交数据,图片不具有submit属性,所以图片使用onClick=”函数名()”;调用函数,在函数中使用document.表单名.submit();方法提交数据即可。用户名,密码验证1.非空验证:a.首先
2、使用document.表单名.控件名;[获取控件],同时声明一个变量接收var变量名=....b.判断控件是否为空,使用if(变量名.value=="")c.如果为空提示用户alert("为空");并返回returnfalse;d.当文本框为空时,自动获取焦点,变量名.focus();e.最后返回returntrue;判断只有2种结果,true或false,所以如果为假,就返回真。2.字符数a.获取控件的value值b.判断即可。语法://用户名非空验证functioncheckUserName(){vartxtUser=d
3、ocument.myform.txtUser;if(txtUser.value==""){alert("请输入用户名!");txtUser.focus();returnfalse;}if(txtUser.value.length<4
4、
5、txtUser.value.length>16){alert("4-16个字符");txtUser.select();returnfalse;}vartxtUsers;for(vari=0;i6、oUpperCase().substring(i,i+1);if(!(txtUsers>=0&&txtUsers>=9)&&!(txtUsers>='A'&&txtUsers<='Z')&&!(txtUsers="_")){alert("用户名包含非法字符,只能包括a-z,A-Z,0-9和下划线");txtUser.select();returnfalse;}}if(txtUser.value)returntrue;}//密码非空验证+确认验证functioncheckPass(){vartxtPass=document.m7、yform.txtPass;vartxtRPass=document.myform.txtRPass;if(txtPass.value==""){alert("请输入密码!");txtPass.focus();returnfalse;}elseif(txtUser.value.length<68、9、txtUser.value.length>12){alert("4-16个字符");txtUser.select();returnfalse;}elseif(txtRPass.value==""){alert("请再次输入密码!")10、;txtPass.focus();returnfalse;}elseif(txtPass.value!=txtRPass.value){alert("两次输入的密码不相同!");txtPass.focus();returnfalse;}else{returntrue;}}单选按钮验证1.单选按钮只能选中一个,所以name是相同的!a.首先获取所有单选按钮,声明一个变量接收,这个变量等于数组b.循环判断单选按钮是否选中。语法://单选按钮functionan(){varname=document.getElementsByNa11、me("sex");for(vari=0;i12、于@的下标,如果点减@得到的结果是负数,说明@的下标大于点的下标,等于@在点后面】同时要保证@和点之间至少有一位字符。【点-@=1,说明点和@之间没有一个字符,点-@<1,说明点在@的前面】邮箱格式:abc@qq.com下标位子:0123456789语法://电子邮件验证functiony
6、oUpperCase().substring(i,i+1);if(!(txtUsers>=0&&txtUsers>=9)&&!(txtUsers>='A'&&txtUsers<='Z')&&!(txtUsers="_")){alert("用户名包含非法字符,只能包括a-z,A-Z,0-9和下划线");txtUser.select();returnfalse;}}if(txtUser.value)returntrue;}//密码非空验证+确认验证functioncheckPass(){vartxtPass=document.m
7、yform.txtPass;vartxtRPass=document.myform.txtRPass;if(txtPass.value==""){alert("请输入密码!");txtPass.focus();returnfalse;}elseif(txtUser.value.length<6
8、
9、txtUser.value.length>12){alert("4-16个字符");txtUser.select();returnfalse;}elseif(txtRPass.value==""){alert("请再次输入密码!")
10、;txtPass.focus();returnfalse;}elseif(txtPass.value!=txtRPass.value){alert("两次输入的密码不相同!");txtPass.focus();returnfalse;}else{returntrue;}}单选按钮验证1.单选按钮只能选中一个,所以name是相同的!a.首先获取所有单选按钮,声明一个变量接收,这个变量等于数组b.循环判断单选按钮是否选中。语法://单选按钮functionan(){varname=document.getElementsByNa
11、me("sex");for(vari=0;i12、于@的下标,如果点减@得到的结果是负数,说明@的下标大于点的下标,等于@在点后面】同时要保证@和点之间至少有一位字符。【点-@=1,说明点和@之间没有一个字符,点-@<1,说明点在@的前面】邮箱格式:abc@qq.com下标位子:0123456789语法://电子邮件验证functiony
12、于@的下标,如果点减@得到的结果是负数,说明@的下标大于点的下标,等于@在点后面】同时要保证@和点之间至少有一位字符。【点-@=1,说明点和@之间没有一个字符,点-@<1,说明点在@的前面】邮箱格式:abc@qq.com下标位子:0123456789语法://电子邮件验证functiony
此文档下载收益归作者所有