jquery validate怎么验证未来元素
1个回答
2017-12-19 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jquery validate验证</title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/additional-methods.js"></script>
<script type="text/javascript">
$(function(){
//让当前表单调用validate方法，实现表单验证功能
$("#ff").validate({
debug:true, //调试模式，即使验证成功也不会跳转到目标页面
rules:{ //配置验证规则，key就是被验证的dom对象，value就是调用验证的方法(也是json格式)
sname:{
required:true, //必填。如果验证方法不需要参数，则配置为true
rangelength:[6,12]
},
spass:{
required:true,
rangelength:[6,12]
},
spass2:{
required:true,
equalTo:'#spass' //表示和id="spass"的值相同
},
slike:{
required:true,
},
semail:{
required:true,
email:true
},
simage:{
required:true,
extension:'gif|jpe?g|png'
}
}
});
});
</script>
</head>
<body>
<!--
<ul>
<li>演示基本方法的使用</li>
<li>jquery.validate.js中260行有缺省的验证配置</li>
<li>jquery.validate.js中354行有验证方法出错的消息，即告诉我们都有哪些验证方法</li>
</ul>
-->
<form id="ff" action="http://www.hao123.com" method="post">
姓名：<input type="text" name="sname" /><br/>
密码：<input type="password" name="spass" id="spass"/><br/>
确认密码：<input type="password" name="spass2" /><br/>
爱好：
上网：<input type="checkbox" name="slike" value="上网"/>
唱歌：<input type="checkbox" name="slike" value="唱歌"/>
编程：<input type="checkbox" name="slike" value="编程"/>
书法：<input type="checkbox" name="slike" value="书法"/><br/>
邮箱：<input type="text" name="semail" /><br/>
头像：<input type="file" name="simage" /><br/>
<input type="submit" value="提交">
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
