复选框+标签jquery验证

Question

How make to work message error in checkbox + label using jquery validation?

I have this code:

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;
}

And jQuery does not work

$(document).ready(function () {

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

});

Demo link: http://jsfiddle.net/AsuyC/17/

Answer 1

I guess you mean

$(document).ready(function () {

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

Answer 2

I've posted an answer. That's also a possibility for your issue. If you work on asp.net you can use the RequiredFieldValidator on your different control such as the following example :

<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>

For the required fields you can use ValidationSummary property which display an " * " before required fields.

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

and don't forget the validation method :

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