javascript - 如何使用按钮触发 jQuery 验证?

标签 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/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>

当我使用提交时,cemail输入验证运行良好(它显示验证消息并高线显示输入顺序)。

但是当我使用按钮点击时 - 没有显示任何内容。当我使用按钮onclick函数时如何才能获得相同的效果?感谢您的帮助!

最佳答案

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

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

        });
    });

关于javascript - 如何使用按钮触发 jQuery 验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24298509/

相关文章:

javascript - 如何从php到html获取php数组中项目的位置整数?

javascript - 如果另一个 div 包含 jQuery 中的特定字符串,则隐藏该 div

javascript - 在 FireBug 中如何判断 Ajax 请求后从服务器发回的 JavaScript 是什么?

javascript - HTML 多选更改 'None selected' 文本

javascript - jsTree, hover_node, 事件

javascript - Jquery slider 效果 -- 像 "reveal"

javascript - 行克隆不起作用

javascript - 无法通过 ajax 发送文件 ( print_r($_FILES); Array ( ) )

javascript - 使用history.pushState功能时如何启用后退和前进按钮?

javascript - 在 JavaScript 中实现节点存储功能