标签:isnan email 用户名 nan for 校验 his sel substr
表单验证的作用:
减轻服务器的压力
保证输入的数据符合要求
常用的表单验证
日期格式
表单元素是否为空
用户名和密码
email地址
身份证号码
表单选择器用于选取某些特定的表单元素
常用的表单选择器
input:text匹配所有单行文本框/password匹配所有密码框/radio:匹配所有单项按钮/
checkbox:匹配所有复选框/submit:匹配所有提交按钮/imag:匹配所有图像域/
reset匹配所有重置按钮/button匹配所有按钮/file匹配所有文本域
hidden:匹配所有不可见元素
属性过滤选择器
enabled:匹配所有可用元素/disabled:匹配所有不可见元素/checked:匹配所有被选中元素
selected:匹配所有选中的option元素
非空验证
示例:if (mail == "") {
alert("Email不能为空");
return false;
}
字符串查找 indexOf():查找某个指定的字符串值在字符串中首次出现的位置
示例:var str="this is JavaScript";
var selectFirst=str.indexOf("Java"); --返回8
var selectSecond=str.indexOf("Java",12); --返回-1
长度验证
示例:
if(pwd.length<6){
alert("密码必须等于或大于6个字符");
return false;
}
判断字符串是否有数字
使用for循环和substring()方法依次截取单个字符在判断每个字符是否是数字
示例:
for (var i = 0; i < user.length; i++) {
var j = user.substring(i, i + 1);
if (isNaN(j) == false) {
alert("姓名中不能包含数字");
return false;
}
}
表单验证事件和方法
表单验证需要综合运用元素的事件和方法
类别 |
名称 |
描述 |
事件 |
onblur |
失去焦点,当光标离开某个文本框时触发 |
onfocus |
获得焦点,当光标进入某个文本框时触发 |
|
方法 |
blur() |
从文本域中移开焦点 |
focus() |
在文本域中设置焦点,即获得鼠标光标 |
|
select() |
选取文本域中的内容,突出显示输入区域的内容 |
标签:isnan email 用户名 nan for 校验 his sel substr
原文地址:https://www.cnblogs.com/cy7533649/p/13246635.html