2015-10-09 2 views
0

Я отредактировал существующую проверенную функцию (включенную в плагин WordPress), чтобы добавить функцию проверки электронной почты.Проверка электронной почты с помощью javascript

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. Спасибо за все комментарии.

+1

Вы думаете? Сделайте 'console.log (emailID)', это то, что вы ожидаете от этого? Также обратите внимание на 'id', это будет:' document.getElementById ('useremail'). Value'. –

+0

'String.match()' или 'RegExp.test()'. – PHPglue

+0

Попробуйте использовать 'var email = document.querySelector ('# useremail'). Value' – jusopi

ответ

0

код корректно работает в этой скрипкой: https://jsfiddle.net/adriel_santos/2rtya7pz/3/

Имейте в виду, что HTML5 имеет тип ввода, который содержит адрес электронной почты:

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

Обратите внимание, что вы используете 'var emailID = $ ('# useremail'). Val();' вместо 'var emailID = document.getElementsByName ('useremail') [0] .value;' (я предполагаю, что ваш код, который вы загрузили в библиотеку jquery) –

Смежные вопросы