Question

我想在javascript中验证表单的输入字段。我在网上搜索了很多，总是有不同的方法来做。真令人困惑。我希望每个输入如果保持空，则应弹出警报。这是我的代码

    <form method="post" action="form.html" id="FormContact" name="frm">
    <p>Full Name: <br /><br /> <input type="text" name="FullName" size="50" id="Name"></p>  

        <span id="error"></span>

    <p>Email:<br /><br /> <input type="email" name="Email" size="50" id="Mail"></p>

    <p> Subject:<br /><br /> <input type="text" name="subject" size="50" id="Subject"></p>

     Message:<br /><br /> 
     <textarea rows="15" cols="75" name="Comment" id="text">  


    </textarea> <br /><br />

     <input type="submit" value="Post Comment">
</form>

我有时完成它但只适用于Full Name字段。

谢谢和问候，

Answer 1

您可以执行以下操作，为每个空输入设置警报弹出窗口。

$('form').on('submit', function(){
   $('input').each(function(){
     if($(this).val() === ""){
       alert($(this).attr('name') + " is empty");
     }
   });
});

Answer 2

http://www.w3schools.com/js/js_form_validation.asp

如果你愿意使用javascript，这很容易实现。

Answer 3

使用jquery验证插件。

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script>

                $("#FormContact").validate({
                    rules: {
                        FullName: {
                            required:true
                        }
                    },
                    messages:{
                        FullName:{
                            required:"Please Enter FullName."
                        }
                    }
                });

            </script>

Answer 4

USE提交jquery方法使用每个循环来验证控件

LIVE CODE

 $('form#FormContact').submit(function(){
    var i= 0;
    $('input').each(function(i,j){
        if($(this).val() == "" || $(this).val() == undefined){
            alert('empty');
            i++;
        }else{
        i=0;
        }
      })  
    if(i == 0){
    return false;
    }else{
          return true;
         }
})

验证JavaScript中的表单输入

4 个答案: