требования к форме перед публикацией - PullRequest
Новая
       28

требования к форме перед публикацией

0 голосов
/ 23 июня 2011

У меня есть форма, в которой я хочу установить два флажка перед публикацией формы.Если какой-либо из них не проверен, он настроен на отображение предупреждения и предлагает пользователю проверить их.В настоящее время это работает, если оба не проверены.Он также работает правильно, если не установлен только первый флажок.Однако, если второй флажок, флажок правил, является единственным, не отмеченным - форма все еще отправляет.Заранее спасибо. 

<head>
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
function checkme() {
missinginfo = "";
if (!document.team.agree.checked) {
missinginfo += "\n - The entire team must read and agree to the rules";
}
if (missinginfo != "") {
missinginfo ="__________________________________\n" +
"Required information is missing: \n" +
missinginfo + "\n__________________________________" +
"\nEnsure everyone has read the rules and resubmit.";
alert(missinginfo);
return false;
}
else {
return true;
}
}

function checkme2() {
missinginfo2 = "";
if (!document.team.registered.checked) {
missinginfo2 += "\n - Each driver must register individually";
}
if (missinginfo2 != "") {
missinginfo2 ="__________________________________\n" +
"Required information is missing: \n" +
missinginfo2 + "\n__________________________________" +
"\nEnsure everyone has registered individually and resubmit.";
alert(missinginfo2);
return false;
}
else {
return true;
}
}
</script>
</head>

<body>
<form name="team" method="post" action="#" onSubmit="return checkme(), checkme2();">
<table cellpadding="0" cellspacing="0" border="0">
<td colspan="2" align="center"><input type="checkbox" name="registered" value="each_registered"> Each driver is already registered individually.
</td>
</tr>  
<td colspan="2" align="center"><input type="checkbox" name="agree" value="agree_terms"> The team agrees to the rules.</td>
</tr>  
<tr>
<td colspan="2" align="center"><input type="submit" name="submit" value="Submit"></td>
</tr>
</table>
</form>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 23 июня 2011

Возможно, вы захотите иметь одну функцию под названием validateForm, которая будет запускать функцию проверки, т.е. checkme и checkme2 для каждого элемента.

При этом, возможно, вы захотите также рассмотреть проверку на стороне сервера, так как вы захотите, чтобы вашформы для работы с отключенными javascript браузерами.

0 голосов
/ 23 июня 2011

Вы на самом деле очень близки, хотя я бы сказал, что вы должны использовать только одну функцию для проверки и, возможно, изучить использование фреймворка javascript. Это сделает Javascript намного проще в использовании.

Это: 

<form name="team" method="post" action="#" onSubmit="return checkme(), checkme2();">

Должно быть так: 

<form name="team" method="post" action="#" onSubmit="return checkme() && checkme2();">

Это работает здесь, на jsfiddle

...