作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个输入表单,我想验证电子邮件地址(或只是一个 @ 符号)。但我只想在错误时进行验证,因此删除 jquery 代码片段中 else 语句之前的所有内容?
编辑
当用户输入错误(在本例中不是电子邮件地址)时,通知用户。
HTML
<form onsubmit="validate(); return false;">
<p>Enter an email address:</p>
<input id="email">
<button type="submit" id="validate">Validate!</button>
</form>
<br>
<h2 id="result"></h2>
jQuery
function validateEmail(email) {
var re = /@/;
return re.test(email);
}
function validate(){
$("#result").text("");
var email = $("#email").val();
if (validateEmail(email)) {
$("#result").text(email + " is valid :)");
$("#result").css("color", "green");
} else {
$("#result").text(email + "is not valid :(");
$("#result").css("color", "red");
}
return false;
}
$("form").bind("submit", validate);
最佳答案
您可以使用 not 运算符 !
来反转条件,如下所示:
function validate(){
$("#result").text("");
var email = $("#email").val();
if (!validateEmail(email)) { //email is invalid?
$("#result").text(email + "is not valid :(");
$("#result").css("color", "red");
//call a function to trigger
return false;
}
}
关于javascript - 如何在 false 时触发函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36936234/
我是一名优秀的程序员,十分优秀!