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"); 
     } 
    }); 
});