2017-10-05 150 views
0

我有一個div的內容驗證,他們是一堆輸入和下拉列表,我無法驗證工作。 在document.ready我滋潤dropdownlists並從那裏走,但是當我點擊我的提交按鈕,確認不火,我沒有得到任何錯誤控制檯或者Kendo驗證沒有點擊按鈕點擊

我的標記是

<div class="container"> 
    <div class="form-horizontal"> 
     <div class="col-md-3"></div> 
     <div class="col-md-6"> 
      <div class="col-md-12"> 

       <div id="FARInfo"> 

        <div class="row"> 
         <div class="form-group"> 
          <center><h1 style="font-weight:bold; color:#1d5f86">Create Alert</h1></center> 
         </div> 
        </div> 

        <div class="row"> 
         <div class="form-group"> 
          <div class="col-md-4"> 
           <input id="ddState" class="form-control max-size" name="state" required validationMessage="Required" /> 
           <span class="k-invalid-msg" data-for="state"></span> 
          </div> 

          <div class="col-md-8"> 
           <input id="ddCounty" class="form-control max-size topMargin" name="county" required validationMessage="Required" /> 
           <span class="k-invalid-msg" data-for="county"></span> 
          </div> 

         </div> 
        </div> 

        <div class="row"> 
         <div class="form-group"> 
          <div class="col-md-12"> 
           <input id="ddDepartment" class="form-control max-size" name="department" required validationMessage="Required" /> 
           <span class="k-invalid-msg" data-for="department"></span> 
          </div> 
         </div> 
        </div> 

        <div class="row"> 
         <div class="form-group"> 
          <div class="col-md-12"> 
           <input id="ddDistrict" class="form-control max-size" name="district" required validationMessage="Required" /> 
           <span class="k-invalid-msg" data-for="district"></span> 
          </div> 
         </div> 
        </div><!-- End District --> 

        <div class="row"> 
         <div class="form-group"> 
          <div class="col-md-12"> 
           <input type="text" id="txtReporter" class="form-control" name="reporter" placeholder="Reporter" required validationMessage="Required" style="max-width:100%;" /> 
           <span class="k-invalid-msg" data-for="reporter"></span> 
          </div> 
         </div> 
        </div><!-- End Reporting Party --> 

        <div class="row"> 
         <div class="form-group"> 
          <div class="col-md-12"> 
           <input type="text" id="txtAddress" class="form-control" name="address" placeholder="Address" required validationMessage="Required" style="max-width:100%;" /> 
           <span class="k-invalid-msg" data-for="address"></span> 
          </div> 
         </div> 
        </div><!-- End Address --> 

        <div class="row"> 
         <div class="form-group"> 
          <div id="Cancel" class="col-md-6"> 
           <div class="form-control" id="CancelFAR" style="background-color:#1D5F86; color:white; font-weight:bold"> 
            <center><a href="@Url.Content("~/Home/Index")" style="text-decoration:none; color:white;">Cancel</a></center> 
           </div> 
          </div> 
          <div class="col-md-6"> 
           <button class="btn btn-block btn-success" id="SubmitFAR"> 
            Submit 
           </button> 
          </div> 
         </div> 
        </div> 

       </div> 

      </div> 
     </div> 
     <div class="col-md-3"></div> 
    </div> 
</div> 

我的文件。準備就緒(減去其中的其他功能)

$(document).ready(function() { 
    var validator = $('#FARInfo').kendoValidator(); 

}); 

和我的按鈕單擊事件是

$('#SubmitFAR').on('click', function() { 
var validator = $("#FARInfo").kendoValidator().data("kendoValidator"); 

if(validator.validate()){ 
    SubmitFAR(); 

} 

});

回答

0

您只需要var validator = $("#FARInfo").kendoValidator().data("kendoValidator");一次。但這不是一個真正的問題。

我重建你的源代碼並且不能重現你的錯誤,對我來說你的必需驗證器工作。也許你以錯誤的方式加載你的腳本?

看一看:https://dojo.telerik.com/OyUFu