代码之家  ›  专栏  ›  技术社区  ›  claudiadast

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

  •  0
  • claudiadast  · 技术社区  · 7 年前

    我使用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>
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   Jack Bashford    7 年前

    我可以看到在你代码的第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>
    

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