Formular nur senden, wenn die Checkbox aktiviert ist

Für einen ähnlichen Beispielcode, wie kann ich Folgendes tun, wenn der Benutzer sendet, mit Jquery 1) zu überprüfen, ob das Kontrollkästchen aktiviert ist. - Wenn ja, senden Sie das Formular. - Wenn nicht, einen Alarm anzeigen "Bitte kreuzen Sie das Kästchen an, bevor Sie das Formular abschicken", brechen Sie die Einreichung ab. 2) Wenn das Kontrollkästchen aktiviert ist, kann das Formular gesendet werden.Formular nur senden, wenn die Checkbox aktiviert ist

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

Quelle

2017-01-22 Sahar Alsadah

bitte mit dem Code für Formular aktualisieren. –

'$ ('# chbox'). Is (': checked')' gibt zurück wahr checkbox ist sonst falsch –

<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>

Quelle

2017-01-22 11:49:58 im031985

Sie könnten erforderlich Attribut auf das Kontrollkästchen hinzuzufügen. Ich würde empfehlen, dass Sie den Text auch in ein Etikett einpacken.

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

Quelle

2017-01-22 11:49:45 nmathews

Formular nur senden, wenn die Checkbox aktiviert ist

Antwort

Verwandte Themen