白痴问题---js验证复选.
各位大神:我的代码是这样的:
<form action = "reponse.php" name="form1" method = "post">
<b>9. A quelle(s) famille(s) Activ’Age vos activités appartiennent-elles ?</b><br>
<input type="checkbox" name="activite[]" value="activités gymniques">Activités gymniques <br>
<input type="checkbox" name="activite[]" value="activités gymniques aquatiques">Activités gymniques aquatiques<br>
<input type="checkbox" name="activite[]" value="activités fitness/forme">Activités fitness/forme<br>
<input type="checkbox" name="activite[]" value="activités douces/bien-être">Activités douces/ bien-être <br>
<input type="submit" name="Submit" value="Page suivante">
</form>
我想给这个复选加个js检验,如果一个没选停留在原页并且发警告,如果选了,就跳到reponse.php.我试验了网上好多的js码,没一个成功的,请问各位大神要怎么写这个js呢?
------解决方案--------------------随性写的,没有验证过,大概思路是这样的
$("input[name='Submit']").click(function(){
if($("input[name='activite[]']").attr("checked") == false){
alert('至少选择一个吧');
}
else{
location.herf = "reponse.php";
}
});
------解决方案--------------------在检查失败的时候,需要return false;让页面不跳转,否则的话,虽然检查出没选择了,但是还是会跳转。所以在提示警告的代码后面,跟着一个return false;
代码就不写了啊,好久不写PHP了,忘了,呵呵。
------解决方案--------------------<script>
function func(obj){
var boxs=obj.elements['activite[]'];
var counter=0;
for(var i=0;i<boxs.length;i++){
if(boxs[i].checked) counter++
}
if(counter==0){
alert('必须选一个');
return false;
}
return true;
}
</script>
<form action = "reponse.php" name="form1" method = "post" onsubmit="return func(this)">
------解决方案--------------------JQUERY验证:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
function formValidate(){
if($(":checked").length==0){
alert('哥,随便选一个呗?');
return false;
}else{
return true;
}
}
</script>
<form action = "reponse.php" name="form1" method = "post" onsubmit="return formValidate();">
<b>9. A quelle(s) famille(s) Activ’Age