Java Script基础（十一） 表单验证

一、表单验证的必要性：

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

 

二、表单验证的内容：

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

　　2、验证是否为数字。

　　3、验证电子邮件格式。

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

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

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

 

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

　　属性：

　　id：返回文本框的id

　　value：返回文本框的值

　　方法：　

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

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

　　select()：选择文本框内容

　　事件：

　　onblur()：失去焦点时触发

　　onfocus()：获取焦点时触发

　　onkeypress()：按下键盘并松开

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

　　

　　

转载于:https://www.cnblogs.com/zhengcheng/p/4176309.html