使用 jQuery 验证表单的问题？答案

【问题标题】：Issue with validating a form using jQuery?使用 jQuery 验证表单的问题？
【发布时间】：2014-03-26 19:46:35
【问题描述】：

我需要使用 jQuery 验证注册表单。我尝试使用 jQuery 验证方法，但没有得到输出。

有人可以帮我解决我的错误吗？

我包括我所做的：

    <script src="../../Scripts/jquery-1.9.0.min.js" type="text/javascript "> 
    </script>
    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.validate.min.js" type="text/javascript"> 
    </script>
    <script type="text/javascript">
                $(document).ready(function () {

                   $("#form1").validate({
                     rules: {
                    txtfirstname: "required", // simple rule, converted to {required:true} 
                    txtlastname: "required",
                    txtusername: "required",
                    txtpassword: "required",
                    txtemail: {// compound rule 
                        required: true,
                        email: true
                    },
                    txtaddress: "required",
                    txtstate: "required",
                    txtcity: "required",
                    txtzip: "required"
                },
                messages: {
                    txtzip: "Please enter a comment."
                }
              });
            });       

</script>
<form action="" method="post" id="form1">
   <div>
        <table>
            <tr>
                <td>
                    <label>
                        Firstname</label>
                </td>
                <td>
                    <input type="text" id="txtfirstname" name="txtfirstname" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Lastname</label>
                </td>
                <td>
                    <input type="text" id="txtlastname" name="txtlastname" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Username</label>
                </td>
                <td>
                    <input type="text" id="txtusername" name="txtusername" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Password</label>
                </td>
                <td>
                    <input type="text" id="txtpassword" name="txtpassword" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Email</label>
                </td>
                <td>
                    <input type="text" id="txtemail" name="txtemail" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Address</label>
                </td>
                <td>
                    <input type="text" id="txtaddress" name="txtaddress" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        State</label>
                </td>
                <td>
                    <input type="text" id="txtstate" name="txtstate" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        City</label>
                </td>
                <td>
                    <input type="text" id="txtcity" name="txtcity" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>
                        Zip</label>
                </td>
                <td>
                    <input type="text" id="txtzip" name="txtzip" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" id="btnclick" value="SUBMIT" />
                </td>
            </tr>
           </table>
      </div>
</form>

【问题讨论】：

这不能解决你的问题.. 但你只需要一个或另一个 - jquery.validate.js 或 jquery.validate.min.js
检查你的 js 是否正在加载。我的意思是您给出的相对网址是否正确..
感谢您的回复..那我应该怎么做才能验证..
是的，Ajay，js 正在加载中
您不需要插件的未缩小版和缩小版。删除一个。另外，您的按钮必须是type="submit"，否则表单将不会在点击时提交。

标签： jquery asp.net-mvc-4 jquery-validate

【解决方案1】：

单击按钮时，您的按钮不会触发表单提交 - 因此不会发生验证

改变

<input type="button" id="btnclick" value="SUBMIT" />

到

<input type="submit" id="btnclick" value="SUBMIT" />

FIDDLE

【讨论】：

感谢您的回答，但不幸的是我的要求已经改变。我已将替换为 Submit 。那么现在将如何进行验证。
@user3301440 只需点击时触发表单提交