输入类型='文件':验证无效

时间:2013-07-24 13:01:17

标签: jquery file-upload jquery-plugins

这是我的代码

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
   $(document).ready(function () {
   $('#uploled_file').validate({
       rules: {
                 extension: "xls|csv"
              }
       });
   });
</script>

和表格标签---

<form name="exportar_archivo_plano" id="exportar_archivo_plano" action="exportar_archivo_plano_action.php" method="post" enctype="multipart/form-data">
     <fieldset class="fieldsetspacer">
             <legend><span>Exportar Archivo Plano</span></legend>
                     <table width="40%" border="0">
                                    <tr></tr>
                                    <tr><div class="upload-error"></div></tr>
                                    <tr>
                                        <td><label for="fecharegistro">Seleccionar el Archivo</label></td>
                                        <td>
                                            <input type="file" name="uploled_file" id="uploled_file" style="width: 200px;" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <input type="submit" name="uploled_submit" id="uploled_submit" value="Subir"/>
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </form>

我的错误: - 表单只是在未验证文件的情况下提交。

1 个答案:

答案 0 :(得分:1)

这不是错误。验证form元素而不是input

$('#exportar_archivo_plano').validate({
    rules: {
       // Targeting form fields
       uploled_file: {
         // required: true,
         extension: "xls|csv"
       } 
    },
    submitHandler: function() {
       // Submit the form when validation passes
       this.submit();
    }
});