1

我有一个输入框，用于测试框中的电子邮件是否有效。这是脚本：

$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});

这会测试电子邮件。我也有这个脚本，它可以通过向表单添加另一个类来改变颜色。

$("#myform").toggleClass("othercolor");

我只是不确定将这段代码放在哪里。很抱歉刚刚对 jQuery 提出新问题。谢谢=D

4

2 回答 2

1

这是一个演示......（更新）

看起来您可能正在使用jQuery 验证插件。假设您是，您只需要通过$("#myform").validate()在页面加载时执行来初始化表单验证（例如，通过从 调用它$(document).ready()）。

$(document).ready(function(){
  $("#myform").validate();
});

​ 如果您想在焦点离开电子邮件字段时应用 CSS 类，您可以执行以下操作：

var validator = null;
$(document).ready(function(){
    validator = $("#myform").validate({
      rules: {
        cemail: {
          required: true,
          email: true
        }
      }
    });


    $("#cemail").blur(function() {
        if (validator.form()) {
            $("#myform").addClass("othercolor");
        }
        else {
            $("#myform").removeClass("othercolor");
        }
     });
});​

validator.form()如果表单有效，则返回 请注意， .toggleclass() 不会在这里做你想做的事；您需要根据validator.form().

于 2012-04-28T14:01:42.193 回答
0

为什么不将它添加到 jQuery 中的成功回调中：

$("#myform").validate({
rules: {
field: {
  required: true,
  email: true
}
},

success: function(){
$(this).toggleClass('red');    
}

});
于 2012-04-28T14:34:23.163 回答