JQuery 验证未设置

Question

我正在使用 javascript 构建 html 控件并将它们添加到 table 正文中。我将 class 设置为表单控制验证，因此在保存功能中会将它们设置为必需但它不会标记它们，您可以直接进入保存功能。

是否需要添加其他内容才能使此验证生效？

构建表单

leftSideHtml += "<tr><td style='width:20%><label class='control-label'><span class='required'>*</span>Name</label></td><td><input class='form-control validate' type='text' id='txtName' name='txtName'></input>";

    $("#tblAssetInfoLeftSide tbody").html(leftSideHtml)

保存功能

if ($("#form1").validate()) {}

验证函数

$("form1").validate({
    rules: {
        txtName: { required: true }
    },
    messages: {
        txtName: {
            required: "Please enter Asset Name",
        },

    }
});

Answer 1

您应该 HTML 编写类似这样的代码。

HTML代码：

<form name="form1" id="form1" action="target_file_path" method="post">
    <input type="text" name="txtName">Name
    <button type="submit">Submit</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.1/dist/jquery.validate.js"></script>

Jquery 代码： 此处添加有效的 jquery 选择器，例如：$("#form1")

$("#form1").validate({
    rules: {
        txtName: { required: true }
    },
    messages: {
        txtName: {
            required: "Please enter Asset Name",
        },

    }
});

阅读有关 jquery 验证的更多信息 https://jqueryvalidation.org/documentation/

JQuery 验证未设置

JQuery validation not getting set

javascript

jquery

jquery-validate