JQuery验证“扩展”规则不起作用

Question

我正在使用 JQuery 验证 HTML 表单，但“扩展”规则不起作用（即使我已包含 additional-methods.js 文件。我已经测试了我的其他“规则”（也来自那个js文件），而且那些似乎工作正常，所以我不确定为什么扩展名不是。

这里是html/JS代码：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>


<form method="POST" id="regForm" action="{{ url_for('pipeline') }}">
  <div class="tab">
    <h3>User Assets:</h3>
    <br>
    <label>Interval BED File</label>
    {{ form.target(placeholder="(e.g. Exome-NGv3.bed)...", oninput="this.className = ''") }}
    <div class="form-group required">
        <label>Sentieon Package Name</label>
        {{ form.sentieon_package_name(placeholder="(e.g. sentieon-genomics-201711.01.tar.gz)...", oninput="this.className = ''") }}
    </div>
    <div class="form-group required">
        <label>Sentieon License Name</label>
        {{ form.sentieon_license_name(placeholder="(e.g mylicense.lic)...", oninput="this.className = ''") }}
    </div>
  </div>
</form>

<script>

$(document).ready(function () {

    $('#regForm').validate({ // initialize the plugin
        rules: {
            sentieon_package_name: {
                required: true,
                extension: "tar|tar.gz"
            },
            sentieon_license_name: {
                required: true,
                extension: "lic"
            },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

});

</script>

Answer 1

我可以看到在您的代码的第 2 行中，您有一个打开的 <script> 标记。这就是导致您的问题的原因。改变这个：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>
<script>

到这里：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>

你所有的问题都会得到解决。