php - 使用 jQuery 进行简单的电子邮件验证

Question

我有一个使用 PHP 动态生成的表单。

电子邮件有多个字段。当表单加载预先填充的数据时，我想进行一个非常基本的电子邮件验证。那些包含格式错误的电子邮件的字段需要突出显示并禁用表单提交。

到目前为止，这是我所拥有的，但我不确定如何让这一切正常工作。

JS

function validateEmail(email) {
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    return emailReg.test( email );
}

$("#mySubmitButton").click(function() {
    var email = jQuery("input[name=\'email[]\']").val();
    if (!validateEmail(email)) {
        event.preventDefault();
        $(this).css("border","1px solid red");
        alert("Bad email. Please correct before submitting.");
    }
});  

PHP

$pairs = array_filter(explode(",", $_POST['email']));

foreach( $pairs as $pair ) {


   $i++;

   echo '<input type="text" name="email['.$i.']" value="'.$output['1'].'">

}

Answer 1

您可以像这样验证所有电子邮件

jQuery("input[type=text][name^=email]").each(function()
{
  if(!validateEmail($(this).val()))
  {
    alert("Email not validated,");
    //here you can figure out the invalid emails
  }
});

Answer 2

var email = jQuery("input[type=text][name^=email]").val();

[name^=email]将选择所有以电子邮件开头text和类型为.

详情见这里_

来自电子邮件验证检查这里