Проверка пользовательского флажка css jQuery
Есть ли способ проверить следующий флажок?
<form name = "rmn-form" id = "rmn-form" action = "send.php" enctype = "multipart/form-data" method = "POST">
<div class = "row">
<div class = "col-md-12 col-xs-12">
<div class = "rmn-input-field">
<label for = "gdpr" class = "checkbox-container"> Accept terms and conditions
<input type = "checkbox" checked = "checked" id = "gdpr" name = "gdpr">
<span class = "checkmark"></span>
</label>
</div>
</div>
</div>
<button type = "submit" name = "submit" id = "submit-all" class = "waves-effect waves-light btn submit-button pink mt-30">Send</button>
</form>Чекбокс генерируется https://www.w3schools.com/howto/howto_css_custom_checkbox.asp
У меня есть следующий JSFiddle с моим кодом с библиотекой начальной загрузки и jquery.validate.min.js: http://jsfiddle.net/2837qdeu/
Проверка не работает на скрипке.
Привет, Стефан - Ce mai faci? Просто продолжаю. На ваш вопрос ответили? Если мы можем чем-то помочь, добавьте комментарий под моим ответом или отредактируйте свой вопрос, чтобы получить дополнительную помощь. В противном случае было бы здорово, если бы вы могли выбрать «лучший ответ» (щелкните галочку рядом с ответом), чтобы закрыть вопрос - это вам ничего не стоит, но поможет другому парню. Если никакой ответ не помог, опубликуйте свой собственный и отметьте его галочкой, чтобы закрыть вопрос. Спасибо!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Просто измените свой тег ввода на код ниже
<input type = "checkbox" required = "required" id = "gdpr" name = "gdpr">
Перед отправкой он проверит, что этот флажок должен быть установлен.
Вы также можете взять это под свой контроль, как показано ниже:
$("[name=submit]").click(function(){
if ( $('#gdpr').is(':checked') ){
alert('submit will proceed - checkbox is checked') //This alert not required, only added for demo
}else{
alert('Error - submit will not proceed');
return false; //<== Here is the magic, along with checking that the box is checked
}
});
return false остановит процедуру отправки, что позволит вам отобразить сообщение или выполнить некоторые js-волшебства, прежде чем вернуть управление пользователю.
Я добавил следующую строку в файл js, и она отлично сработала:
$("#rmn-form").validate({
ignore: ':hidden:not(:checkbox)',
....
});
он работает на вашей скрипке, в чем проблема?