Validation checkbox multiples avec jquery
Bonjour , je suis entrain d'apprendre la validation de formulaires avec jquery mais je suis bloqué dans le cas ou il y'a 2 checkbox multiple , je voudrais que si l'une de deux checkbox n'est pas validé un message d'erreur soit affiché. dans mon cas si une des deux checkbox est sélectionné ,le message d'erreur ne s'affiche pas et le formulaire est soumise.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
label.error {
float: none; color: red;
padding-left: .3em; vertical-align: top;
}
</style>
<script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="
http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js">
</script>
<script type="text/javascript"> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| $.validator.addMethod('onecheck', function(value, ele) {
return $("input:checked").length >= 1;
}, 'Please Select Atleast One CheckBox')
$(document).ready(function() {
$("#form1").validate({
rules: {
'bev[]': {
onecheck: true
},
'bev2[]': {
onecheck: true
}
},
errorPlacement: function(error, element) {
error.appendTo('#err');
}
});
}); |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| </script>
<title></title>
</head>
<body>
<form id="form1">
<div id="chkboxes">
<input type="checkbox" name="bev[]" value="cream" />With cream<br />
<input type="checkbox" name="bev[]" value="sugar" />With sugar<br />
<input type="checkbox" name="bev2[]" value="sugar" />With sugar<br />
<input type="checkbox" name="bev2[]" value="sugar" />With <br />
</div>
<div id="err"></div>
<input id="btnSubmit" type="submit" value="submit" />
</form>
</body>
</html> |
Merci de m'aider svp
