Question

如何使用jquery验证使复选框+标签中的消息出错？

我有这段代码：

HTML

    <form id="myform">
 <input type="checkbox" id="term" name="term_1" /> 
   <label for="term">
      <div class="check"></div>
      Blabla Term.
   </label>
</form>
<a href="http://docs.jquery.com/Plugins/Validation" target="_blank"></a>

CSS

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label .check {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-3px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type="checkbox"] + label .check {background:url(http://www.1.ligapariurilor.ro/imagini/sprite/radio-sprite.png) left top no-repeat;}

input[type="checkbox"]:checked + label .check{
    background:url(http://www.1.ligapariurilor.ro/imagini/sprite/radio-sprite.png) -16px top no-repeat;
}

jQuery不起作用

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            'term': {
                required: true
            }
        }
    });

});

演示链接：http://jsfiddle.net/AsuyC/17/

Answer 1

我猜你的意思是

$(document).ready(function () {

    $('#myform').validate({
        rules: {
            '#term': {
                required: true
            }
        }
    }); 
});

Answer 2

我已经发布了答案。这也是你的问题的可能性。如果您使用asp.net，则可以使用不同控件上的RequiredFieldValidator，例如以下示例：

<tr>
<td>
<asp:RequiredFieldValidator runat=server
    ControlToValidate=txtName
    ErrorMessage="Identifier is required."> *
</asp:RequiredFieldValidator>
</td>
<td>User Identifier :</td>
<td><input type=text runat=server id=txtName></td>
</tr>

对于必填字段，您可以使用ValidationSummary属性，该属性在必填字段前显示“*”。

<asp:ValidationSummary runat=server
      headerText="there is error on this page/>

并且不要忘记验证方法：

public sub OnSubmit(source as Object, e as EventArgs)
    if Page.IsValid then
    ' Some code
    end if
end sub

复选框+标签jquery验证

2 个答案: