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

剑道验证不起作用

1 个答案: