jquery - 验证空字段并列出所有错误并通过 jquery 突出显示所有错误字段并在 zend 框架中显示顶部的错误列表

Question

我有这样的表格姓名

我想对空字段进行此验证，当用户单击提交按钮时，他应该收到一条错误消息，列出表单顶部为空的所有空字段，如果为空则突出显示错误元素，我该怎么做这使用 j 查询。谁能帮我解决这个问题谢谢你的回复

Answer 1

我认为这可能与您需要的相同。

HTML

<div id="msg"></div>
<form class="frm" action="javascript:alert('success!');">
    <div>
      field 1:<textarea class="name" id="required" name="field1"></textarea><br />
      field 2:<textarea class="address" id="not_required" name="field2"></textarea><br />
      field 3:<textarea class="email" id="required" name="field3"></textarea><br />      
      <input type="submit" />
    </div>
</form>

Javascript

$(document).ready(function(){
       $(".frm").submit(function() {
          var flag = 0;      
          $("#msg").html("");
          $("div #required").each(function(){
            if($(this).val()==""){            
                flag = 1;
                $(this).css("background","red");
                $("#msg").append($(this).attr("name")+" null! <br/>");
            }else
                $(this).css("background","white");
          });
          if(flag==0)
            return true;
          return false;
        }); 
    });

用法:只需在要验证的表单元素中添加id="required"。

JsFiddle 上的示例:http://jsfiddle.net/blackship/TarGv/4/

祝你好运!