검도 유효성 검사가 작동하지 않습니다.

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에 적용 할 수있다.

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