zoukankan      html  css  js  c++  java
  • 表单校验

    常用的表单验证

    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。

    正则表达式符号:

  • 相关阅读:
    [js高手之路] html5新增的定时器requestAnimationFrame实战进度条
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
    [js高手之路] html5 canvas系列教程
  • 原文地址:https://www.cnblogs.com/F017/p/11069217.html
Copyright © 2011-2022 走看看