Присылать форму только при проверке флажка

Для примера, как это показано в следующем примере кода, как я могу сделать следующее, когда пользователь нажимает «Отправить», используя JQuery 1) установите флажок. -Если да, отправьте форму. - Если нет, покажите предупреждение «Пожалуйста, поставьте флажок перед отправкой формы», отмените отправку формы. 2) После того, как флажок установлен, форма может быть отправлена.Присылать форму только при проверке флажка

<html> 
 
    <form> 
 
     <input type="checkbox" name="chbox" id="chbox">Check this box before submission 
 
     <br> 
 
     <input type="submit" value="submit" id="submit"> 
 
    </form> 
 
    </html>

источник

2017-01-22 Sahar Alsadah

необходимо обновить с кодом для отправки формы. –

'$ ('# chbox'). Is (': checked') флажок' return true true 'отмечен else false –

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
</head> 
<body> 
    <form id="myForm"> 
     <input type="checkbox" name="chbox" id="chbox">Check this box before submission 
     <br> 
     <input type="submit" value="submit" id="submit"> 
    </form> 
<script type="text/javascript"> 
$(function(){ 
$("#myForm").on('submit',function(){ 
if(document.getElementById("chbox").checked) 
{ 
$("#myForm").submit(); 
} 
else 
{ 
e.preventDefault(); 
alert('Please check the box before submitting the form'); 
} 
}); 
}); 
</script> 
</body> 
</html>

источник

2017-01-22 11:49:58 im031985

Вы можете добавить необходимый атрибут с флажком. Я бы рекомендовал вам также обернуть текст в ярлыке.

<label> <input type="checkbox" name="chbox" id="chbox" required>Check this box before submission </label>

источник

2017-01-22 11:49:45 nmathews

Присылать форму только при проверке флажка

ответ

Смежные вопросы