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的类型开头。

有关详细信息，请参阅 here

通过电子邮件验证检查 here

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

2 个答案: