Javascript 我可以在JS中使用内置HTML5电子邮件验证的浏览器吗?

Javascript 我可以在JS中使用内置HTML5电子邮件验证的浏览器吗?,javascript,jquery,html,Javascript,Jquery,Html,我正在编写一个非常基本的HTML表单,并被要求添加电子邮件验证。表单是通过AJAX post发送的,因此我不能使用带有提交按钮的标准HTML验证: <form> <input type="email" id="email"> <input type="submit" value="Submit"> </form> 我认为您可以对每个元素使用checkValidity方法: var email = document.getEleme

我正在编写一个非常基本的HTML表单,并被要求添加电子邮件验证。表单是通过AJAX post发送的,因此我不能使用带有提交按钮的标准HTML验证:

<form>
    <input type="email" id="email">
    <input type="submit" value="Submit">
</form>

我认为您可以对每个元素使用
checkValidity
方法:

var email = document.getElementById('email');
var isValid = email.checkValidity();

if (isValid) {
    // Submit form
}
您还可以对元素使用
validity
属性来检查哪些验证约束失败:

var validity = email.validity;
if (validity.valueMissing) {
    return 'Please enter your email';
}

我认为您可以对每个元素使用
checkValidity
方法:

var email = document.getElementById('email');
var isValid = email.checkValidity();

if (isValid) {
    // Submit form
}
您还可以对元素使用
validity
属性来检查哪些验证约束失败:

var validity = email.validity;
if (validity.valueMissing) {
    return 'Please enter your email';
}
可以,使用约束验证API方法

您可以在此处找到详细信息:

是的,您可以使用约束验证API方法

您可以在此处找到详细信息:


您正在考虑这样的问题:

JS


函数checkEmail(){
var x=document.getElementById(“电子邮件”);
如果(x.value.包括(“@”)){
//做点什么或者继续
}else{警报(“无效电子邮件!”)
}
}

您正在考虑这样的问题:

JS


函数checkEmail(){
var x=document.getElementById(“电子邮件”);
如果(x.value.包括(“@”)){
//做点什么或者继续
}else{警报(“无效电子邮件!”)
}
}

为什么不能使用内置验证?验证发生在onsubmit事件触发之前。@JJJ我没有提交表单,只是在JS内的AJAX帖子中使用输入值。这更像是“我想知道这是否可能”,而不是“我需要一个解决方案”。为什么不能使用内置验证?验证发生在onsubmit事件触发之前。@JJJ我没有提交表单,只是在JS内的AJAX帖子中使用输入值。这更像是“我想知道这是否可能”,而不是“我需要一个解决方案”。只是为了澄清一下,这个答案是无效的,因为像“@@@”这样的字符串将被视为有效的,而不是无效的。另一个失败场景是“hola@”,“chao”,“!@!”等。为了澄清,此答案无效,因为类似“@@@”的字符串将被视为有效,而无效。另一个失败场景是“hola@”,“chao”,“!@!”等