第四章第四天JQuery表单验证

博客介绍了表单选择器,如:input可匹配多种元素,还有:text、:password等;属性过滤选择器,像:enabled、:disabled等;同时介绍了正则表达式符号,如/…/、^、$等,以及它们的匹配规则。

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

表单选择器

:input

                   匹配所有inputtextareaselectbutton 元素    

                   $("#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" ) 匹配“家乡”中的“北京”选项

 

正则表达式符号

                   /…/ 代表一个模式的开始和结束

                   ^       匹配字符串的开始

                   $       匹配字符串的结束

                   \s      任何空白字符

                   \S      任何空白字符

                   \d     匹配一个数字字符,等价于[0-9]

                   \D     除了数字之外的任何字符,等价于[^0-9]

                   \w    匹配一个数字、下划线或字母字符,等价于[A-Za-z0-9_]

                   \W    任何非单字字符,等价于[^a-zA-z0-9_]

                   .        除了换行符之外的任意字符

                   {n,}   匹配前一项n次,或者多次( n<=)

                   {n,m}         匹配前一项至少n次,但是不能超过m次(n<=  <m)

                   *       匹配前一项0次或多次,等价于{0,}(可有可无)

                  +       匹配前一项1次或多次,等价于{1,} (至少有一个)

                   ?     匹配前一项0次或1次,也就是说前一项是可选的,等价于{0,1}(要么有要么只能出现一次)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值