jquery选取表单元素的方法
2017-11-11 21:26
197 查看
在jsp的表单验证中,有时候我们需要检查一下输入的账号和密码是否为空,可以使用jquery进行检查。但是,假如表单是像以下这样写的:
那么如何判断账号和密码是否为空或者不满足要求了?
答案如下:
使用元素属性选择器,在表单中,type,class,id,name,title都可以看做属性,那么这种方法就是一种通用的方法,可以省去添加诸如id,class等属性
<form> 账号:<input type="text" name="username" /><br/> 密码:<input type="password" name="password" /><br/> 性别:<input type="radio" name="sex" value="男">男 <input type="radio" name="sex" value="女">女 <input type="button" value="登陆"/> </form>
那么如何判断账号和密码是否为空或者不满足要求了?
答案如下:
<script type="text/javascript"> $(function(){ //属性过滤选择器,type,id,name,class,title都属于属性 $('form input[type=button]').click(function(){ if($('form input[type=text]').val()==""||$('form input[type=text]').length<6){ alert('请输入正确的账号'); } }); }); </script>
使用元素属性选择器,在表单中,type,class,id,name,title都可以看做属性,那么这种方法就是一种通用的方法,可以省去添加诸如id,class等属性
相关文章推荐
- jquery的attr禁用表单元素的方法
- jQuery获取和设置表单元素的方法
- jquery的attr方法禁用表单元素禁用输入内容
- jQuery实现form表单元素序列化为json对象的方法
- jQuery 表单序列化 serialize() 时过滤部分 input 元素方法
- jQuery中获取表单元素的值以及一些操作表单的方法
- jquery获取元素值的方法(常见的表单元素)
- jquery的attr方法禁用表单元素
- jquery获取元素值的方法(常见的表单元素)
- jQuery获取和设置表单元素的方法
- jquery之处理表单元素值(使用val()方法)
- jQuery编程基础精华(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
- focus()和blur()--jquery的表单元素常用方法
- jQuery实现form表单元素序列化为json对象的方法
- jQuery的ajax表单提交,获取元素内容方法
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)