注册 登录
编程论坛 JavaScript论坛

如何验证单选按钮选中(表单验证) 求指教!

xiaozhumt 发布于 2011-03-07 16:28, 832 次点击
做了两个单选按钮 现在在做表单验证 单选按钮如何验证?
我不会写他的function
     男
      <input type="radio" name="sex"  value="male" />
      女
      <input type="radio" name="sex"  value="female" />
4 回复
#2
撒布拉斯2011-03-07 16:55
我刚刚做了一个
 <input type="radio" name="sex"  value="male" onsubmit="return test()"/>
function test()
{
 
 if(form1.tname.value == "")
 {
  alert("姓名不能为空!") ;
/*  add.tname.focus();*/
  return false;
 }
#3
xiaozhumt2011-03-08 09:35
回复 2楼 撒布拉斯
没看明白啊··我的意思是说要验证单选按钮被选上  就像我写的那个 两个单选按钮  要验证选中  你的好像是一个按钮吧?
#4
xiaozhumt2011-03-08 13:44
<input name="sex" type="radio"  value="male" checked="checked" />
选中了。。。额 原来这么简单···不过我这个是默认选中一个 还不是验证。。。

[ 本帖最后由 xiaozhumt 于 2011-3-8 13:50 编辑 ]
#5
gupiao1752011-03-08 21:03
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. language="javascript">
var obj=function(id){return document.getElementById?document.getElementById(id):id};
function checkp(){
    if(obj('title').value.length<5){
        alert("标题不能少于5个字符");
        obj('title').focus();
        return false;
    }
    if(obj('user').value==""){
        alert("用户名不能为空")
        obj('user').focus();
        return false;
    }
    if(obj('content').value==""){
        alert("内容不能为空");
       obj('content').focus();
        return false;
    }
    if(obj('boy').checked==""&&obj('girl').checked==""){
     alert("男女单选没有做选择!");
     obj('boy').focus();
     return false;
     }
}
</script>
    <div id="right">
        <form action="add.php" method="post" name="myform" onsubmit="return checkp();">
            <br /><br />
            <span>标题</span>:<input type="text" name="title" id="title" />
            <span>用户</span>:<input type="text" name="user" id="user" /><br />
            <span>内容</span>:<textarea name="content" id="content"></textarea><br />
              男
      <input type="radio" name="sex"  id="boy" value="male" />
      女
      <input type="radio" name="sex"  id="girl" value="female" />

            <input type="submit" name="submit" id="sub" value="发表留言">
        </form>


    </div>
    <div id="left1"></div>
    <div id="left2"></div>
    <div id="left3"></div>
    <div id="left4"></div>
    <div id="foot"></div>
</body>
</html>
  参考这个例子,用法上最好还是按照W3C的标准来走,兼容各主流浏览器!
1