对空输入字段进行JavaScript验证

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (13)

问候,我有这个输入字段, <input name="question"/>我想在提交点击提交按钮时调用IsEmpty函数。

我尝试了下面的代码,但没有奏效。有什么建议?

<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=unicode"/>
        <meta content="CoffeeCup HTML Editor (www.coffeecup.com)" name="generator"/>
    </head>
    <body>


        <script language="Javascript">

            function IsEmpty(){ 

                if(document.form.question.value == "")
                {
                    alert("empty");
                }
                return;
            }


        </script>
        Question: <input name="question"/> <br/>

        <input id="insert" onclick="IsEmpty();" type="submit" value="Add Question"/> 

    </body>
</html>
提问于
用户回答回答于
<script type="text/javascript">
    function validateForm()
    {
        var a=document.forms["Form"]["answer_a"].value;
        var b=document.forms["Form"]["answer_b"].value;
        var c=document.forms["Form"]["answer_c"].value;
        var d=document.forms["Form"]["answer_d"].value;
        if (a==null || a=="",b==null || b=="",c==null || c=="",d==null || d=="")
        {
            alert("Please Fill All Required Field");
            return false;
        }
    }
</script>

<form method="post" name="Form" onsubmit="return validateForm()" action="">
     <textarea cols="30" rows="2" name="answer_a" id="a"></textarea>
     <textarea cols="30" rows="2" name="answer_b" id="b"></textarea>
     <textarea cols="30" rows="2" name="answer_c" id="c"></textarea>
     <textarea cols="30" rows="2" name="answer_d" id="d"></textarea>
</form>
用户回答回答于

看到这里的工作示例

您缺少必需的<form>元素。这里是你的代码应该是这样的:

function IsEmpty(){
  if(document.forms['frm'].question.value === "")
  {
    alert("empty");
    return false;
  }
    return true;
}

HTML:

<form name="frm">
  Question: <input name="question"/> <br />
  <input id="insert" onclick="return IsEmpty();" type="submit" value="Add Question"/>
</form>

扫码关注云+社区