表单校验及正则表达式

Posted 2020-12-14 cy7533649

表单验证的作用：

     减轻服务器的压力

     保证输入的数据符合要求

常用的表单验证

    日期格式

    表单元素是否为空

    用户名和密码

    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()	选取文本域中的内容，突出显示输入区域的内容