未设置 JQuery 验证 [重复]答案

【问题标题】：JQuery validation not getting set [duplicate]未设置 JQuery 验证 [重复]
【发布时间】：2019-07-18 16:35:29
【问题描述】：

我正在使用 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",
        },

    }
});

【问题讨论】：

剩下的在哪里？您是否在 jQuery 之后包含了验证脚本文件？ form 标签在哪里？ .validate() 方法在哪里？如果没有先初始化插件，你不能调用.valid()。 submit 按钮在哪里？向我们展示足够的代码来重构您想要解决的问题。
我建议您阅读Tag Wiki page 和Official Documentation 以回答您自己的问题。
其余的在哪里？为什么你有一个条件函数？你为什么把.valid()改成.validate()？
input 元素不是容器...因此<input></input> 不是有效的 HTML。它只是一个像这样的“自动关闭”元素：<input />
$("form1") 不是有效的 jQuery 选择器。如果是id，那么就是$("#form1")。

标签： javascript jquery jquery-validate

【解决方案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/

【讨论】：