Question

我编辑了一个现有的验证函数（包含在WordPress插件中）以添加电子邮件验证功能。

function validateForm(form){
    var $ = jQuery;

// The code snippet I added
// **********************************
var emailID = document.getElementsByName('useremail')[0].value;
    atpos = emailID.indexOf("@");
    dotpos = emailID.lastIndexOf(".");

   if (atpos < 1 || ( dotpos - atpos < 2 ))
    {
        alert("Please enter correct email ID")
        return false;
    }

// End of the code added by me

else if(!$('input[name=title]', form).val()){
     alert("Please enter correct Name")
    $('input[name=title]', form).focus();
    return false;
    }
// ...
return true;
}

html代码：

<input type="text" name="useremail" id="useremail" required>

电子邮件验证码源自Validate email address in JavaScript?。

我认为var emailID = document.getElementsByName('useremail')[0].value;部分不正确。

我还尝试使用var emailID = document.getElementById('useremail');，这也不起作用。

已添加：var emailID = document.getElementById('useremail');应该有效。问题是js文件没有在WordPress中正确排队。感谢所有评论。

Answer 1

代码在这个小提琴中正常工作：https://jsfiddle.net/adriel_santos/2rtya7pz/3/

请记住，HTML5的输入类型包含电子邮件：

 <input type="email" name="useremail" id="useremail" required>

使用javascript

1 个答案: