剑道验证不起作用

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

必须将Kendo Validator应用于input您要验证的那个button.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");
        }
    });
});