javascript - 使用 Uploadify 时验证额外输入

Question

首先让我说我不是网络开发人员（或任何类型的开发人员），我只是一个卑微的 IT 人，试图做 3 个人的工作 :) 感谢这里的其他一些帖子，我一直能够走得很远，但我仍然缺少一步。

我在我的uploadify 页面中添加了一个文本框，以便用户可以输入一个用户名，以将其添加到他们上传的文件中。前面的东西都在uploadify.php 中。我有使用此代码的文本框数据：

<form>
     <div id="queue"></div>
     <input id="UserName" name="UserName" type="text" placeholder="Username" value="" /><br /><br />
     <input id="file_upload" name="file_upload" type="file" multiple="false">
</form>

    <script type="text/javascript">
            <?php $timestamp = time();?>
                    $(function() {
                            $('#file_upload').uploadify({
                            'formData'     : {
                                            'timestamp' : '<?php echo $timestamp;?>',
                                            'token'     : '<?php echo md5('unique_salt' . $timestamp);?>',
                                            'UserName'  : $('#UserName').val()
                                            },
                            'queueSizeLimit' : 1,
                            'multi' : false,
                            'swf'      : 'uploadify.swf',
                            'uploader' : 'uploadify.php',
                            'fileTypeExts' : '*.zip; *.txt',
                            'fileSizeLimit' : '1GB',
                            'onUploadStart' : function(file) {
                                    $('#file_upload').uploadify("settings", "formData", {"UserName":$('#UserName').val()});
                                    console.log($("#file_upload").uploadify("settings", "formdata"));
                            }
                    });
            });
    </script>

我要做的最后一件事是在实际发送文件之前验证 UserName 文本框是否已输入。我知道我可以在服务器端 PHP 脚本上轻松地做到这一点，但如果用户没有在 UserName 文本框中输入内容，我想阻止文件上传。

有人可以指出我正确的方向吗？

Answer 1

所以事实证明，我所要做的就是在“onUploadStart”函数中添加以下内容：

'onUploadStart' : function(file) {
    if( $('#UserName').val() == "")
    {
     alert ("Please enter a username");
     $('#file_upload').uploadify('cancel');
    }
    $('#file_upload').uploadify("settings", "formData", {"UserName":$('#UserName').val()});