Какие функции JavaScript существуют, которые я могу использовать, чтобы проверить, что адрес электронной почты и телефон # действительны, не прибегая к плагину jquery?

Question

В форме мне нужно убедиться, что все поля заполнены и номер телефона и адрес электронной почты действительны.Я попытался использовать плагин проверки jQuery, но он изменил внешний вид страницы.Плагин также динамически искал некоторые CSS-файлы в каком-то неожиданном месте.

Я люблю jQuery, но плагин показался мне слишком большим для того, что я хотел.

Поскольку все, что мне нужно сделать, это убедиться, что поля не пусты и что номер телефона действителен, а адрес электронной почты действителен, какие функции javascript вы предлагаете?Я все еще буду использовать ядро ​​jQuery.

На стороне сервера мы хотим использовать Apache Commons PhoneNumberFormatter и то же самое с проверкой электронной почты.

Спасибо!

Answer 1

Каждый сосредоточился на проверке электронной почты и номера телефона, но вам нужна помощь в обнаружении пустых текстовых полей и даже просто, как / когда позвонить код для проверки электронной почты / телефона:

<script type="text/javascript">
function validate()
{
    var curVal;
    for(var index = 1 ; index < 15 ; index++)
    {
        curVal = document.getElementById("textbox_"+index).value
        if(curVal == "")
        {
            alert("empty text box")
            return(false); //false will stop the form from submitting
        }
        if(index = 5)// email text box
        {
            //validate email
        }
    }
}
</script>
<type="input" id="textbox_1">
<type="submit" value="Submit" onClick="validate()">

Answer 2

В этом jsfiddle вы найдете метод JQueryless, который я использую для проверки полей формы. Он периодически проверяет все поля формы, используя функцию интервала.

Answer 3

Я думаю, что вы ищете регулярные выражения JavaScript , используя объект RegExp, который входит в стандартную часть JavaScript. Вы можете использовать это для базовой проверки адресов электронной почты и телефонных номеров.

, например

function emailIsValid(emailAddress) {
  var emailRegex = /\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/;
  return !!emailAddress.match(emailRegex);
}

Код выше не проверен, но он должен дать вам представление о том, как это сделать. Просто сделайте то же самое снова для телефонного номера, а затем сделайте что-то вроде этого:

if (emailIsValid(emailAddressValue) && telephoneNumberIsValid(telephoneValue)) {
  //Submit form
} else {
  alert ("There are errors on the form, please correct and invalid data");
}

Answer 4

вот один для электронной почты

function checkemail()
{
    var str=email
    var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]  {2})?)$/i
    if (filter.test(str))
    testresults=true
     else
     {
       alert("Please input a valid email address!")
       testresults=false
     }