在验证错误jquery上更改标签颜色

时间:2015-01-26 10:47:28

标签: javascript jquery html jquery-validate

以下是我的观看代码。我基本上验证复选框,如果它在提交表单上检查。我希望复选框文本的颜色在提交表单时未选中时为红色。如果有人检查它,它会自动变为正常颜色。我知道我可以通过设置复选框点击事件来实现它,但是这可以在验证中进行吗?

查看

<div>
  <input type="checkbox" name="chkterms" required/><span id="lblterms"> Please tick to confirm you have read, understood and agree to abide by our</span>@Html.ActionLink("Terms and Conditions", "TermsAndCondition", "SignupOrLogin", null, null)                                             
</div>

脚本

  <script>

  $("#signupform").validate({
      rules: {
          password: { 
              required: true,
              minlength: 7,
              maxlength: 10,

          } , 

          confirmpassword: { 

              equalTo: "#password",
              minlength: 7,
              maxlength: 10                  
          }
      },

      groups: {
          birthday: "cmbDay cmbMonth cmbYear"
      },
      errorPlacement: function(error, element) {
          var name = element.prop("name");
          if (name === "cmbDay" || name === "cmbMonth" || name === "cmbYear") {
              error.insertAfter("");
          } 
          else if (name === "membershiptypelist") {
              error.insertAfter(""); //error will not be inserted e.g. This field is required.
          } 
          else if (name === "chkterms") {
              error.insertAfter(".terms-errors");                                    
              $('#lblterms').css('color', 'red');
          } 
          else {
              error.insertAfter(element);
          }
      }

  });

0 个答案:

没有答案