Я пытаюсь использовать функцию JQuery Ui "Verfiy()"; чтобы убедиться, что поля имени, возраста, страны и даты заполнены, прежде чем разрешить отправку формы.
Функция проверки должна вызываться, когда пользователь нажимает "submit", однако, когда я использую следующий код, веб-страница направляется на страницу "thankyou", были ли поля заполнены или нет. Он не показывает сообщение об ошибке.
<head>
...
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Wayne Nolting ([email protected]) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.javascriptsource.com -->
<!-- Begin
function verify() {
var themessage = "You are required to complete the following fields: ";
if (document.form.name.value=="") {
themessage = themessage + " - Name";
}
if (document.form.age.value=="") {
themessage = themessage + " - Age";
}
if (document.form.country.value=="") {
themessage = themessage + " - Country";
}
if (document.form.date.value=="") {
themessage = themessage + " - Date";
}
//alert if fields are empty and cancel form submit
if (themessage == "You are required to complete the following fields: ") {
document.form.submit();
}
else {
alert(themessage);
return false;
}
}
// End -->
</script>
</head>
<body>
<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
...
<input type="submit" value="Submit" onClick="verify()"/></div>
<input type=reset value="Clear Form"><br>
...
</body>
Любое понимание было бы весьма благодарным.
Андрей
Вот вы идите, немного подкорректируйте свою разметку.
<input type="submit" value="Submit" onClick="return verify()"/></div>