时间戳

首页 > 解决方案 > 如何知道是否触发了必填字段验证？

javascript - 如何知道是否触发了必填字段验证？

问题描述

我有一个很大的表格，里面有很多字段，其中大部分都是必填字段。所以我想显示弹出警报消息说请填写必填字段。

 <input name="fname" id="fname" type="text" class="form-control" required>

我也在该特定字段下方显示通常的消息，我需要提交点击之类的东西

 If (some fields required field error got triggered )
      {
       show alert pop-up message ;
      }

我对这件事很陌生，所以..

标签： javascriptjqueryvalidation

解决方案

您需要在每个必填字段下方显示整体警报以及单个错误消息。

为此，使用 jQuery，

    <form>
    <input name="fname" id="fname" type="text" class="form-control validateclass" required>
    <span class="spnError"></span>
    <input name="lname" id="lname" type="text" class="form-control validateclass" required>
    <span class="spnError"></span>
    <input id="btnClick" type="button" value="Submit Form"/>
    </form>


    <script type="text/javascript">
        $(function () {
         $("#btnClick").click(function()
         {
          $(".validateclass").each(function() {
          var fieldValue =$(this).val();
          if(fieldValue == null || fieldValue == "")
          {             
            $(this).next().css( "color", "red" ).text("Field is required");    
          }
          else
          {
           $(this).next().text(""); 
          }
        });
     });                        
   });
  </script>

推荐阅读