空输入字段的JavaScript验证

本文介绍了空输入字段的JavaScript验证的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

Greeting,I have this input field<input name="question"/> I want to call IsEmpty function when submit clicking submit button.

我尝试了下面的代码，但没有奏效。
任何建议？！

I tried the code below but did not work.any advice?!

<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>

这篇关于空输入字段的JavaScript验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！