Question

我正在尝试使用javascript验证html表单，代码如下：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


        <title></title>
    </head>
    <body>
        <script type="text/javascript">
    function   validate(){
        if(document.form1.thbox.checked)
            {
                alert("yes");
            }
            else
                alert("no");
    }

    </script>
        <form name="form1" method="get">
            <input type="checkbox" name="thebox"/>
            <input type="button" value="press me" onclick="validate()"/>
           </form> 
    </body>
</html>

当我尝试按下按钮时没有任何作用有人可以告诉我为什么会这样吗？谢谢

Answer 1

将if(document.form1.thbox.checked)更改为if(document.form1.thebox.checked)您在thebox

中错过了 e

http://jsfiddle.net/eJhzf/

Answer 2

可能因为checked不是undefined的有效属性：

HTML：

name="thebox"

使用Javascript：

form1.thbox.checked

注意缺少 e ，因此，它应该是：

form1.thebox.checked

Answer 3

使用此方法

   if ( document.form1.thebox.checked == false )
{
    alert ( "Please select check box." );

}
           else {
              // your code or message
          }

并使用thebox而不是thbox

使用javascript进行HTML表单验证

3 个答案: