validation - 剑道验证不起作用

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