Question

我使用jquery.validate来验证我的asp.net页面。但是当我使用提交时，我得到了完美的验证风格，如pic1 pic 1 with submit

但我需要使用按钮来保存我的数据与ajax，所以我尝试另一种方式，像这样

$（function（）{

    $("#btns").click(function() {

        if ($('#form1').valid()) {

        }
    });
    });

脚本工作得很好，但是inoput的高线消失了，结果就像这张照片 high line disappear and the error msg fllow the input 我想使用按钮onclick函数来触发jquery验证，并使用第一个错误样式，我该怎么办？全部

示例代码。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
<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').valid()) {

            }
        });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox runat="server" ID="tbxEmail" type="email" name="email"></asp:TextBox>
            <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>

为什么不同的验证提交，有不同的风格

0 个答案: