javascript - 验证时突出显示表单字段
问题描述
我正在创建接受电子邮件地址的联系表格。如果它有效,它会以绿色突出显示电子邮件字段,即。包含“@”符号,否则为红色。但我没有得到输出。请找到随附的代码以供参考。
$(document).ready(function () {
$("#contact form").on("submit", function (e) {
e.preventDefault();
var $form = $(e.currentTarget),
$email = $form.find("#contact-email"),
$button = $form.find("button[type=submit]");
if ($email.val().indexOf("@") == -1) {
vaca = $email.closest("form-group");
$email.closest(".form-group").addClass("has-error");
} else {
$form
.find(".form-group")
.addClass("has-success")
.removeClass("has-error");
$button.attr("disabled", "disabled");
$button.after("<span>Message sent. We will contact you soon.</span>");
}
});
});
解决方案
推荐阅读
- java - 未能执行目标 maven-compiler-plugin 3.8.0 - org/codehaus/plexus/compiler/manager/NoSuchCompilerException
- atom-editor - Atom Snippets - 得到保存但未列出且不起作用
- bash - bash: while - 一段时间后停止
- xamarin.forms - 如何在用户按下 Xamarin Forms 条目上的“返回”之前保持软键盘开启
- sql - 使用其他表列和序列号创建表名 oracle
- python - 我可以在 Google 客户端库中互换使用 ctypes.LP_c_char 和 bytes 对象吗
- python - 计算python中字符串字母的出现次数
- r - 使用 R 中的库加载“caret”包时出现错误消息
- python-3.x - 将 xlsx 文件的 pandas 输出作为输入传递给函数并将其转换为 csv
- python - matplotlib.pyplot.hist 错误的规范属性