Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在电子邮件验证中使用jQuery更改方框颜色?_Javascript_Jquery_Html_Jquery Validate - Fatal编程技术网

Javascript 在电子邮件验证中使用jQuery更改方框颜色?

Javascript 在电子邮件验证中使用jQuery更改方框颜色?,javascript,jquery,html,jquery-validate,Javascript,Jquery,Html,Jquery Validate,我有一个输入框,用于测试框中的电子邮件是否有效。以下是脚本: $("#myform").validate({ rules: { field: { required: true, email: true } } }); 这是对电子邮件的测试。我还有一个脚本,它将通过向表单添加另一个类来更改颜色 $(“#myform”).toggleClass(“其他颜色”) 我只是不知道该把代码放在哪里。很抱歉,这是jQuery的新问题。谢谢你 看起来您可能正在使

我有一个输入框,用于测试框中的电子邮件是否有效。以下是脚本:

$("#myform").validate({
  rules: {
    field: {
      required: true,
      email: true
    }
  }
});
这是对电子邮件的测试。我还有一个脚本,它将通过向表单添加另一个类来更改颜色

$(“#myform”).toggleClass(“其他颜色”)

我只是不知道该把代码放在哪里。很抱歉,这是jQuery的新问题。谢谢你

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

​ 如果要在焦点离开电子邮件字段时应用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()
的返回值添加或删除该类

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

​ 如果要在焦点离开电子邮件字段时应用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()
的返回值添加或删除该类,为什么不将其添加到jQuery中的成功回调中呢

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

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

});

为什么不将其添加到jQuery中的成功回调中:

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

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

});

这一切都取决于您希望何时更改颜色。哪个是?@DJ_Plus我希望在字段中的文本是有效电子邮件时立即更改颜色。这一切取决于您希望更改颜色的时间。哪个是?@DJ_Plus我想在字段中的文本是有效电子邮件时立即更改颜色。嘿,谢谢,这是我需要的,只是不知道如何组合它!很高兴听到!如果您将我的答案标记为选中,那将非常棒。:-)对不起,睡得很晚,忘了做标记哈哈,P不知道StackOverflow有这么一个强大的社区,你来自悉尼,我来自卧龙岗=谢谢,这正是我需要的,只是我不知道如何把它组合起来!很高兴听到!如果您将我的答案标记为选中,那将非常棒。:-)对不起,睡得很晚,忘了做标记哈哈,P不知道StackOverflow有这么一个强大的社区,你来自悉尼,我来自卧龙岗=D