要在jQuery验证引擎中使用自定义规则？

Question

我使用jQuery Validation Engine进行表单验证，这里是演示链接： https : //github.com/posabsolute/jQuery-Validation-Engine

我在ASP.NET中有一个复选框和四个文本框，我想验证是否选中了该复选框，则必须填充四个文本框，否则它将显示一条错误消息“请填充这些框”。

到目前为止，我已经尝试过了，但是没有用。 任何帮助，将不胜感激。

  <script type="text/javascript">
                function checkBox() {
                    var check = document.getElementById("CheckBox1");
                    var tb1 = document.getelementbyid('iBox1');
                    var tb2 = document.getelementbyid('iBox2');
                    var tb3 = document.getelementbyid('iBox3');
                    var tb4 = document.getelementbyid('iBox4');
         if (check.checked && tb1 == null && tb2 == null && tb3 == null && tb4 == null) {
                        alert("checkbox checked");
                        jQuery("#form1").validationEngine({
                            'custom_error_messages': {
                                '#iBox1': {
                                    'required': {
                                        'message': "write at least four characters in Name"
                                    }
                                }
                            }
                        });
                    }
                    else {
                        alert("unchecked");
                    }
                }
                $(document).ready(function () {
                    $("#form1").validationEngine();
                });
        </script>
        <form runat="server" id="form1">
        <div>
       <asp:CheckBox runat="server" ID="CheckBox1" onclick="checkBox()"></asp:CheckBox>
        <asp:TextBox runat="server" ID="iBox1"  MaxLength="1" size="1">/asp:TextBox>
        <asp:TextBox runat="server" ID="iBox2" MaxLength="1" size="1"></asp:TextBox>
        <asp:TextBox runat="server" ID="iBox3" MaxLength="1" size="1"></asp:TextBox>
        <asp:TextBox runat="server" ID="iBox4" MaxLength="1" size="1"></asp:TextBox>
        </div>
    </form>

Answer 1

看起来您的问题在于，asp.net控件ID是在客户端生成的，因此您不能像在脚本中那样真正引用它们。 它们可以通过ClientID获得，并且由于您的脚本似乎是在aspx页面上定义的，而不是在单独的js文件中定义的，因此您最容易做到的是：

var check = document.getElementById('<%= CheckBox1.ClientID %>');

对于文本框也是如此。