Javascript 如何使用按钮触发jQuery验证?
我有表单,我正在使用jQuery的验证。 这是一个测试演示Javascript 如何使用按钮触发jQuery验证?,javascript,jquery,ajax,jquery-validate,Javascript,Jquery,Ajax,Jquery Validate,我有表单,我正在使用jQuery的验证。 这是一个测试演示 <script src="../JS/jquery.js" type="text/javascript"></script> <script src="../JS/jquery.validate.js" type="text/javascript"></script> <script language="javascript" type="text/ja
<script src="../JS/jquery.js" type="text/javascript"></script>
<script src="../JS/jquery.validate.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#btns").click(function() {
if ($("<%=form1.ClientID %>").valid()) {
ajaxFunc();//ajax funcion to add email to db
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="cemail" type="email" name="email" required />
<input class="submit" type="submit" value="Submit"/>
<input type="button" id="btns" value="btn"/>
</div>
</form>
</body>
</html>
$(函数(){
$(“#btns”)。单击(函数(){
如果($(“”)。有效(){
ajaxFunc();//将电子邮件添加到数据库的ajax函数
}
});
});
当我使用Subimit时,cemail输入验证工作正常(它显示验证消息和高端输入顺序)
但是当我使用按钮时,单击-不会显示某些内容。当我使用button onclick功能时,如何获得相同的效果?谢谢你的帮助 选择器中缺少#。i、 e$(“#”)
$(函数(){
$(“#btns”)。单击(函数(){
如果($(“#”)有效(){
ajaxFunc();//将电子邮件添加到数据库的ajax函数
}
});
});
它应该可以工作-您需要调用.validate()
来初始化插件,然后才能调用.valid()
来测试它。
$(function() {
$("#btns").click(function() {
if ($("#<%=form1.ClientID %>").valid()) {
ajaxFunc();//ajax funcion to add email to db
}
});
});