表单校验

常用的表单验证

  1. 日期格式
  2. 表单元素是否为空
  3. 用户名和密码
  4. E-mail地址
  5. 身份证号码

表单选择器

属性过滤选择器

验证表单内容:

使用String 对象验证邮箱:不能为空,格式正确。

非空验证:

if (mail == "") {        【检测Email是否为空】 
     alert("Email不能为空"); 
     return false; 
}

字符串查找:indexOf():

查找某个指定的字符串值在字符串中首次出现的位置

var str="this is JavaScript";
var selectFirst=str.indexOf("Java");    【返回8】
var selectSecond=str.indexOf("Java",12);        【返回-1】


文本框内容的验证:
密码不能为空,不少于6个字符,姓名不能为空,不能有数字。

长度验证:

if(pwd.length<6){          【length属性可以获取字符串长度】
    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;
    }
}


表单验证事件和方法
表单验证需要综合运用元素的事件和方法:

正则表达式:

为什么需要正则表达式:

  1. 简洁的代码
  2. 严谨的验证文本框中的内容

普通方式:

var reg=/表达式/附加参数

【表达式必须是常量字符串】

【用某些附加参数来代表一些规则:g代表可以进行全局匹配;i代表不区分大小写;m代表可以进行多行匹配】

构造函数:var reg=new RegExp("表达式","附加参数")

【表达式必须是可以是字符串,也可以是JavaScript当中的常量】

RegExp对象:

RegExp对象的方法: 

RegExp对象的属性:

 

String对象:

String对象的方法:

Match和search的区别:
search在一个字串对象中查找关键词字串,若匹配则返回关键词在目标字串中第一次出现的位置序列,如果不匹配,就返回-1;search方法只关心有无匹配,找到匹配,就提供返回值,并中断查找。

match是在目标字串对象中寻找与关键词匹配与否的一个方法,它能通过关键词的规则创建实现复杂搜寻功能;不建立规则的前提下,match可当作search来使用,语法也一样,不同的是,若匹配它返回的是关键词自身,若不匹配返回null。

正则表达式符号:

原文地址:https://www.cnblogs.com/F017/p/11069217.html