您的位置:首页 > Web前端 > JQuery

jquery选取表单元素的方法

2017-11-11 21:26 197 查看
      在jsp的表单验证中,有时候我们需要检查一下输入的账号和密码是否为空,可以使用jquery进行检查。但是,假如表单是像以下这样写的:

     

<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等属性



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: