如何使用按钮来触发jquery验证

时间:2014-06-19 03:56:39

标签: javascript jquery ajax jquery-validate

我有表单,我正在使用jquery验证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/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>

当我使用Subimit时,cemail输入验证良好,显示验证消息并输入订单高行。

但是当我使用按钮点击时,什么都没有,当我使用按钮onclick功能时,我怎么能得到相同的效果。 thx all。

1 个答案:

答案 0 :(得分:1)

您缺少选择器中的#。即$("#<%=form1.ClientID %>")

  $(function() {
        $("#btns").click(function() {
            if ($("#<%=form1.ClientID %>").valid()) {
                ajaxFunc();//ajax funcion to add email to db
            }

        });
    });