php 单选按钮怎么用js添加验证啊??

答案:2 悬赏:20 手机版

解决时间 2021-02-18 12:48

提问者网友：人生佛魔见
2021-02-18 06:02

性别：男<input type="radio" name="sex" value="男" /> <br> 女<input type="radio" name="sex" value="女" /><br /><br>function beforeSubmit(form){<br><br> if(form.sex.value==''){<br> alert('性别不能为空!');<br> form1.sex.focus();<br> return false;<br> }<br>}<br><br>为什么单选框为空也能提交？？？？？？？？？？？？？？？？？？？？？？

最佳答案

五星知识达人网友：舊物识亽
2021-02-18 06:31

理论上来说，这里应该会报错，然后如果你在onsubmit写的return。。。因为脚本错误，脚本没有继续执行，默认使用return true，因此表单提交继续～～

这个脚本里面有两个问题
1: radio 类型的元素，不能使用 form.sex.value 来获取他选中的值，只能用for循环
var els = form.sex;
var l = els.length;
for(var i = 0; i < l; i++){
if(els[i].checked){
return els[i].value;
}
}

2: 里面变量名貌似写错了。。form1.sex.focus() 这里的form1 应该是 form 吧？另外这里的focus页存在同样的问题，不知道究竟是指向哪个input～～

全部回答

1楼网友：人類模型
2021-02-18 07:23

<html><br><head><br><script type="text/javascript"><br> function yz(){<br> var b="";<br> var a=document.getelementsbyname("radio");<br>alert("===");<br> for(var i=0;i<a.length;i++)<br> {<br> if(a[i].checked==true)<br> {<br> b=a[i].value;<br> alert(b+"被选中");<br> }<br> }<br> }<br></script><br></head><br><body><br><form name="userform" action=""><br><table border="0"><br> <tr><br> <td>性别：</td><br> <td><br> <input type="radio" name="radio" id="radio" value="0" /><br> 男<br> <input type="radio" name="radio" id="radio" value="1" /><br> 女 </td><br> </tr><br> <tr><br> <td><br> <input type="button" name="button" id="button" value="提交" onclick="yz();"/><br> <input type="reset" name="button2" id="button2" value="重置" /><br> </td><br> </tr><br></table><br></form><br></body><br></html>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息