码迷,mamicode.com
首页 > 其他好文 > 详细

表单校验及正则表达式

时间:2020-07-05 17:39:53      阅读:81      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!