Kendo驗證不起作用

Question

嗨我有一個有兩個文本框的頁面，我想將所需的驗證器應用到兩個控件。但是當我運行我的代碼時，它僅適用於第一個控件。儘管我已經將兩個文本框都設置爲空白，但它會根據需要顯示第一個文本框。

這是我的代碼，並沒有得到我錯過了第二個的位置。

<input type="text" name="firstname" id="firstname" required validationmessage="First name required" /> 
<input type="text" name="lastname" id="lastname" required validationmessage="Last name required" /> 

<button class="k-button" id="btnAdd" onclick="addDetails();">Add</button> 

function addDetails() { 

     var validator = $("#btnAdd").kendoValidator().data("kendoValidator"); 

     if (validator.validate()) { 

      // Add details to db 
     } 
    } 

Answer 1

劍道驗證已被應用到您要驗證不給button的input。該HTML應該是這樣的：

<div id="my-form"> 
    <div> 
     <label> 
      Firstname: 
      <input type="text" name="firstname" id="firstname" required validationmessage="First name required"/> 
     </label> 
    </div> 
    <div> 
     <label> 
      Lastname : 
      <input type="text" name="lastname" id="lastname" required validationmessage="Last name required"/> 
     </label> 
    </div> 
</div> 
<button class="k-button" id="btnAdd">Add</button> 

和驗證功能：

$(document).ready(function() { 
    var validator = $("#my-form").kendoValidator().data("kendoValidator"); 
    $("#btnAdd").on("click", function() { 
     if (validator.validate()) { 
      // Add details to db 
      console.log("good"); 
     } else { 
      console.log("bad"); 
     } 
    }); 
});