zoukankan      html  css  js  c++  java
  • Java Script基础(十一) 表单验证

    一、表单验证的必要性:

      表单验证在客户端和服务器端,客户端验证实际是直接调用JavaScript脚本对用户输入的数据进行验证;而服务器也同样可以实现数据验证,但是当服务器压力过大时,资源损耗会比较严重,用户体验也不够好。所以通常验证我们大多数都会在客户端实现,这样可以降低服务器的压力,让服务器做其他更重要的事情。

    二、表单验证的内容:

      1、验证表单内容是否为空。

      2、验证是否为数字。

      3、验证电子邮件格式。

      4、验证数据是否在某个范围以内。

      5、验证用户输入的内容长度是否足够。

      以上是表单验证中常见的验证规则,还有一些其他规则,需要我们根据实际需要自己编写验证规则。

    三、表单元素常用属性、方法和事件:

      属性:

      id:返回文本框的id

      value:返回文本框的值

      方法: 

      blur():从文本框中移开焦点

      focus():让文本框获取焦点

      select():选择文本框内容

      事件:

      onblur():失去焦点时触发

      onfocus():获取焦点时触发

      onkeypress():按下键盘并松开

      通过以上的事件和方法可以设置表单元素验证的时机,比如当失去焦点或者按下键盘内容就直接验证,这样用户体验更好,不需要用户点击提交按钮才实现验证。

      

      

  • 相关阅读:
    HTML 样式表
    HTML笔记(框架)
    HTML笔记1
    SQL server 笔记9(备份还原触发器事务三范式)
    拦截器传参问题
    MethodFilterInterceptor(方法拦截器)配置excludeMethors
    js基础学习笔记(五)
    js基础学习笔记(四)
    笔记:CSS常用中文字体英文名称对照表
    推荐:掌握单页网站设计的5大技巧(转)
  • 原文地址:https://www.cnblogs.com/zhengcheng/p/4176309.html
Copyright © 2011-2022 走看看