Question

由于th:field而单击“提交”按钮时验证无效，但如果不使用它（th:field），则验证工作正常。所以请帮帮我。

Html代码

<input class="input-text full-width" type="text" th:name="houseNo" th:field="*{billingInfo.houseNo}" th:id="houseNo" placeholder="House No" />

jQuery代码

$("#review").validate({

        rules: {
            houseNo: "required"
        },
        messages: {
            houseNo: $("#houseN").text()
        },
        submitHandler: function(form) {
            alert("submit here");
            form.submit();
        }
    });

Answer 1

th:field会覆盖附加到的name value和<input />属性。（此外，如果尚未选择id，它将生成th:field。

W / th:field

因此，您需要更改您的javascript以匹配<input class="input-text full-width" type="text" name="billingInfo.houseNo" id="houseNo" placeholder="House No" />正在执行的操作。

$("#review").validate({
    rules: {
        "billingInfo.houseNo": "required"
    },
    messages: {
        "billingInfo.houseNo": $("#houseN").text()
    },
    submitHandler: function(form) {
        alert("submit here");
        form.submit();
    }
});

随着

lapply

Jquery使用thymeleaf验证插件验证无效

1 个答案: