未设置JQuery验证

Question

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

我还需要添加其他内容才能使此验证正常工作吗？

构建表单

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代码。

网页代码：

<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/的更多信息