javascript - Uploadify 使用時の追加入力の検証

Question

まず、私は Web 開発者 (またはあらゆる種類の開発者) ではありません。私は 3 人の仕事をしようとしているただの低レベルの IT 担当者です :) ここにある他の投稿のおかげで、私はかなり遠くまで到達できましたが、まだ一歩が足りません。

ユーザーがユーザー名を入力して、アップロードするファイルの先頭に追加できるように、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 テキスト ボックスに何かを入力しない場合、ファイルがアップロードされないようにしたいと考えています。

誰かが私を正しい方向に向けることができますか?