jquery 表单验证

博客介绍了常用的表单验证内容,包括日期格式、元素是否为空、用户名和密码等。阐述了表单验证思路,即获取表单元素值,用JavaScript方法判断数据,提交时触发验证。还列举了多种表单选择器,如:input、:text等,以及属性过滤选择器,如:enabled、:disabled等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

常用的表单验证:

日期格式

表单元素是否为空

用户名和密码

E-mail地址

身份证号码

 

表单验证的思路:

获得表单元素值  用户名input

使用JavaScript的一些方法对数据进行判断  非空/格式有效性验证

当表单提交时,触发事件,对获取的数据进行验证

 

表单选择器:

:input

匹配所有input、textarea、select和button 元素

$("#myform  :input")选取表单中所有的input、select和button元素

:text

匹配所有单行文本框

$("#myform  :text")选取email 和姓名两个input 元素

        

:password

匹配所有密码框

$("#myform  :password" )选取所有<input type="password" />元素

$("#from1 :password:eq(0)").val();

:radio

匹配所有单项按钮

$("#myform  :radio")选取<input type="radio" />元素

:checkbox

匹配所有复选框

$(" #myform  :checkbox " )选取<input type="checkbox " />元素

:submit

匹配所有提交按钮

$("#myform  :submit " )选取<input type="submit " />元素

:image

匹配所有图像域

$("#myform  :image" )选取<input type=" image" />元素

:reset

匹配所有重置按钮

$(" #myform  :reset " )选取<input type=" reset " />元素

:button

匹配所有按钮

$("#myform  :button" )选取button 元素

:file

匹配所有文件域

$(" #myform  :file" )选取<input type=" file " />元素

:hidden

匹配所有不可见元素,或者type 为hidden的元素

<input type="hidden">

<a hidden>

$("#myform  :hidden" )选取<input type="hidden " />、style="display: none"等元素

属性过滤选择器

:enabled

匹配所有可用元素

$(" #userform :enabled" )匹配form内部除编号输入框外的所有元素

:disabled

匹配所有不可用元素

$(" #userform :disabled" )匹配编号输入框

:checked

匹配所有被选中元素(复选框、单项按钮、select 中的option)

$(" #userform :checked" )匹配“性别”中的“男”选项和“爱好”中的“编程”选项

:selected

匹配所有选中的option 元素

$(" #userform :selected" ) 匹配“家乡”中的“北京”选项

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值