Проверка подлинности электронной почты html и javascript

0

ниже мой код в основном для "Email Validation", но по какой-то причине он не работает должным образом, я понятия не имею, почему, так что не возражаете взглянуть, пожалуйста. благодаря

Я предполагаю, что основная проблема document.getElementById("custEmail").onchange = chkEmail; с этой линией document.getElementById("custEmail").onchange = chkEmail; по какой-то причине chkEmail - это проблема... а также часть поиска myEmail.value.search(+@[a-zA-Z_]+?.[a-zA-

    <html  xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Web Assignment 1 :Online shopping form</title>


<script type = "text/javascript">



      function chkEmail() {
        var myEmail = document.getElementById("custEmail");


        var pos = myEmail.value.search(+@[a-zA-Z_]+?.[a-zA-Z]{2,6});

        if (pos != 0) {
          alert("The email you entered (" + myEmail.value + 
                ") is not in the correct form. \n" +
                "The correct form is: " +
                "[email protected]\n" +
"Please fix it");
          myEmail.focus();
          myEmail.select();
          return false;
        } else
          return true;
      }


    </script>
</head>
<body>
<h1> Please fill in the information below </h1>

<form action="" 
>
<p>
<h2> Contact Info...</h2>
<pre>
     Last  Name     :  <input type="text" name="name2" size="20">
     Email          :  <input type="email" id = "custEmail" onchange ="chkEmail();" size="30">
     Mobile number  :  <input type="text" name="mob" size="15">
    </pre>
 <input type = "reset"  id = "reset" />
<input type = "submit"  id = "submit" />
  </p>

 </form>
 <script type = "text/javascript">
      <!--
// Set form element object properties to their 
// corresponding event handler functions

        document.getElementById("custEmail").onchange = chkEmail;
      // -->
    </script>
</body>
</html>
  • 0
    где вы взяли этот .search(+@[a-zA-Z_]+?.[a-zA-Z]{2,6}) ? Взгляните на developer.mozilla.org/en/docs/Web/JavaScript/Guide/…
  • 1
    Также, пожалуйста, объясните «не работает должным образом» и сделайте из этого jsFiddle, чтобы мы могли видеть его в действии. Да, и имейте в виду, что ЕДИНСТВЕННАЯ реальная проверка происходит на стороне сервера. Проверка на стороне клиента только для удобства пользователя.
Показать ещё 3 комментария
Теги:
xhtml
email-validation

1 ответ

0
Лучший ответ

Если вам просто нужна проверка на стороне клиента, почему бы вам просто не проверить правильность регулярного выражения HTML следующим образом: если вам просто нужна проверка на стороне клиента, почему бы вам просто не проверить правильность регулярного выражения HTML следующим образом:

<form action="">
<p>
<h2> Contact Info...</h2>
<pre>
    Last  Name     :  <input type="text" name="name2" size="20">
    Email          :  <input type="email" id = "custEmail" size="30" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}">
    Mobile number  :  <input type="text" name="mob" size="15">
</pre>
<input type = "reset"  id = "reset" />
<input type = "submit"  id = "submit" />
</form>

Смотрите здесь скрипку: http://jsfiddle.net/9gthN/

  • 0
    Спасибо большое за вашу помощь

Ещё вопросы

Сообщество Overcoder
Наверх
Меню