表单校验

来源:互联网 发布:装修cad设计图软件 编辑:程序博客网 时间:2024/05/19 03:25

思路:

1)首先获取表单元素的值,这些值一般都是String类型,包含数字、下划线等。

2)使用JavaScript中的一些方法对获取的String类型的数据进行判断。

3)表单from有一个事件onsubmit,他是在提交表单之前调用的,因此可以在提交表单时触发事件,然后对获取的事件进行验证。


1、使用String对象验证邮箱

先获取表单元素的值,然后进行判断。

使用jQuery  ID  选择器获得表单的输入元素,然后使用jQuery的val()方法获取文本框的值。

使用字符串方法(indexOf())来判断获得的文本框元素的值是否包含“@”和“.”符号。

使用提交按钮触发onsubmit事件,然后调用脚本函数执行。

表单的onsubmit事件根据返回值是true还是false来决定是否提交表单。


2、文本框内容的验证

先创建页面插入一个表单,。。。。编写脚本验证文本输入框中的内容的有效性。

使用String对象的length属性验证密码的长度。

验证两次输入是否一致。

判断姓名中是否有数字。首先使用length属性获取文本长度,然后使用for循环和substring()方法依次截断单个字符,最后判断每个字符是否是数字。

原创粉丝点击