Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 联系人表单自定义电子邮件字段验证_Javascript_Jquery_Email Validation - Fatal编程技术网

Javascript 联系人表单自定义电子邮件字段验证

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

我有一个简单的问题,但我不知道如何解决它

下面是一个简单的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(){
      $('.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');
  });
});