ниже мой код в основном для "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>
Если вам просто нужна проверка на стороне клиента, почему бы вам просто не проверить правильность регулярного выражения 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/
.search(+@[a-zA-Z_]+?.[a-zA-Z]{2,6})
? Взгляните на developer.mozilla.org/en/docs/Web/JavaScript/Guide/…