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