使用把手制作的表单将不会使用 jquery 验证插件进行验证

如何解决使用把手制作的表单将不会使用 jquery 验证插件进行验证

我有一个可以使用 jquery 验证插件进行验证的表单，但是我使用把手生成的表单无法验证。点击提交后，它只是进入操作页面。

<div id="Tradelist">
        <div id="Tradelisttemplate" class="handlebars">
            <p>{{Trades.length}} Trades were found.</p>
            <form class="cmxform" id="Trade_with" method="get" action="Trade_for.PHP">
                <input class="submit" type="submit" value=" Click Yours,Then Click Here To Go to step 2">
                <fieldset>
                    <legend>Select THE item you brought!</legend>
                    <ul>
                        {{#Trades}}
                            <li>
                                <label class="nameLabel" for="name"><img src={{pic_file1080}} alt="pic">
                                    <br />
                                    <input id={{id}} name="name" type="radio" value="{{id}}" required>
                                </label>
                                {{id}}
                                {{name}}
                                {{description}}
                            </li>



                        {{/Trades}}
                    </ul>

                    <p>

                        <input class="submit" type="submit" value=" Click Yours and Go to step 2">
                    </p>
                </fieldset>
            </form>
        </div>

    </div>

这里是验证方法：

<script type="text/javascript">
        $(document).ready(function() {
            $.getJSON("Trades.json",function(data) {
                    var mysource = $('#Tradelisttemplate').html();
                    var mytemplate = Handlebars.compile(mysource);
                    var myresult = mytemplate(data)
                    $('#Tradelist').html(myresult);
                });
            $("#Trade_with").validate({

                rules: {
                    name: {
                        required: true
                    },},messages: {
                    name: {
                        required: "Please select one"
                    },}
            });


        });

    </script>

我尝试了一个没有把手的表格，它验证得很好。上述行为就像根本没有验证。任何人都可以帮忙吗？我已经阅读了有关该主题的所有内容。
你的建议似乎有帮助。我更改了脚本，它现在可以验证，但仅使用默认消息，而不是我的自定义消息：``` $(document).ready(function() { $.getJSON("Trades.json",功能（数据）{ var mysource = $('#Tradelisttemplate').html(); var mytemplate = Handlebars.compile(mysource); var myresult = mytemplate(data) $('#Tradelist').html(myresult); });

    $("form p").on("submit","input",function(event) {


        $("#Trade_with").validate({
            rules: {
                name: {
                    required: true
                },messages: {
                name: {
                    required: "Please select one"
                },}
        });
    });

    });
    });

</script>

$(document).on("click","input.submit",function (event) {


    $("#Trade_with").validate({
        rules: {
            name: {
                required: true
            },messages: {
            name: {
                required: "Please select one"
            },}
    });
});