Question

我有一个简单的HTML文件上传表单。我正在使用其他表单中的jQuery验证插件来检查所需的值，并希望在文件上载表单中使用它以确保用户单击了Browse。。。首先按钮并选择一个文件。下面的相关代码基于其他表单的设置方式，但这个表单与其他表单不同：

<script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/jquery.metadata.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
    $.metadata.setType("attr", "validate");

    $(document).ready(function(){
    $("#upload").validate();
    });
    </script>

<form enctype="multipart/form-data" action="fileupload.php" method="POST" id='upload'>
Choose a file to upload: <input name="new_file" type="file" validate = "required:true">
<label for = "new_file" class = "error">You must select a file first before you can upload</label>
<input type="submit" name="action" value="Upload">

</form>

如果有人可以指出我做错了什么，感激不尽。

非常感谢，史蒂夫

Answer 1

尝试将验证脚本放在document.ready方法中。即。

$(document).ready(function(){
    $.metadata.setType("attr", "validate");

    $(document).ready(function(){
         $("#upload").validate();
    });
});

working demo

使用jQuery验证插件为上传表单添加验证

1 个答案: