javvascript表单验证基础

发布时间:2020-08-26编辑:脚本学堂
有关javascript表单验证的基础知识,包括表单验证的必要性、表单验证的内容、表单元素常用属性、方法和事件,需要的朋友参考下。

一、表单验证的必要性
表单验证在客户端和服务器端,客户端验证实际是直接调用javascript脚本对用户输入的数据进行验证;
而服务器也同样可以实现数据验证,但是当服务器压力过大时,资源损耗会比较严重,用户体验也不够好。

大多数都会在客户端实现,可以降低服务器的压力,让服务器做其他更重要的事情。
 
二、表单验证的内容
1、验证表单内容是否为空。
2、验证是否为数字。
3、验证电子邮件格式。
4、验证数据是否在某个范围以内。
5、验证用户输入的内容长度是否足够。
以上是表单验证中常见的验证规则,还有一些其他规则,需要根据实际需要编写验证规则。
 
三、表单元素常用属性、方法和事件:
属性:
id:返回文本框的id
value:返回文本框的值

方法: 
blur():从文本框中移开焦点
focus():让文本框获取焦点
select():选择文本框内容

事件:
onblur():失去焦点时触发
onfocus():获取焦点时触发
onkeypress():按下键盘并松开

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