Javascript 联系人表单自定义电子邮件字段验证
我有一个简单的问题,但我不知道如何解决它 下面是一个简单的js,用于验证联系人表单Javascript 联系人表单自定义电子邮件字段验证,javascript,jquery,email-validation,Javascript,Jquery,Email Validation,我有一个简单的问题,但我不知道如何解决它 下面是一个简单的js,用于验证联系人表单 $(document).ready(function(){ $('#sendMessage').on('click',function(data){ data.preventDefault(); var flname = $('#name').val(); var emailadd = $("#email").val(); var mess = $('#message').v
$(document).ready(function(){
$('#sendMessage').on('click',function(data){
data.preventDefault();
var flname = $('#name').val();
var emailadd = $("#email").val();
var mess = $('#message').val();
if(flname.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if(emailadd.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if(){
$('.formMessage').text('Please insert valid email address');
return false;
}
else if(mess.length == 0){
$('.formMessage').text('Error message');
return false;
}
$('.formMessage').text('Message sent');
});
});
有一部分出现错误消息“请插入有效的电子邮件地址”。我不知道如何预先检查用户是否写了什么,如果他写了,我如何检查电子邮件地址是否输入(例如有@和)
我禁用了默认操作,我想在上面写的js中写下电子邮件检查 添加此功能以检查电子邮件的有效性
$(document).ready(function(){
$('#sendMessage').on('click',function(data){
data.preventDefault();
var flname = $('#name').val();
var emailadd = $("#email").val();
var mess = $('#message').val();
if(flname.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if(emailadd.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if (!ValidateEmail(emailadd)) {
$('.formMessage').text('Please insert valid email address');
return false;
}
else if(mess.length == 0){
$('.formMessage').text('Error message');
return false;
}
$('.formMessage').text('Message sent');
});
});
function ValidateEmail(email) {
var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
return expr.test(email);
};
$(文档).ready(函数(){
$('#sendMessage')。在('click',函数(数据){
data.preventDefault();
var flname=$('#name').val();
var emailadd=$(“#email”).val();
var mess=$('#message').val();
var x=document.forms[“myForm”][“email”].value;
var atpos=x.indexOf(“@”);
var dotpos=x.lastIndexOf(“.”);
如果(flname.length==0){
$('.formMessage').text('Error message');
返回false;
}
else if(emailadd.length==0){
$('.formMessage').text('Error message');
返回false;
}
否则,如果(atpos尝试此功能进行前端验证。或者您可以使用正则表达式验证电子邮件。这是我的问题。我是js新手。我不知道如何将该功能添加到上面的代码中。是的,就是这样。非常感谢。:)
$(document).ready(function(){
$('#sendMessage').on('click',function(data){
data.preventDefault();
var flname = $('#name').val();
var emailadd = $("#email").val();
var mess = $('#message').val();
var x = document.forms["myForm"]["email"].value;
var atpos = x.indexOf("@");
var dotpos = x.lastIndexOf(".");
if(flname.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if(emailadd.length == 0){
$('.formMessage').text('Error message');
return false;
}
else if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
$('.formMessage').text('Please insert valid email address');
return false;
}
else if(mess.length == 0){
$('.formMessage').text('Error message');
return false;
}
$('.formMessage').text('Message sent');
});
});