-2

入力値が入力されている場合にのみ、ユーザーはファイルをアップロードできるはずですが、ボタンをクリックするとすぐに、ファイルをアップロードするためのウィンドウがポップアップします。ユーザーが入力値を入力しない限り、ポップアップさせたくありません以下に記載されているファイル。これらは入力です: 

<input type="text" id="id" placeholder="Enter Audit ID" autocomplete="off">
<input type="text" id="email_id_upload"  placeholder="Enter Email_id " autocomplete="off">

これはアップローダーです:

<form>
    <input type="file" name="file" id="file"><br>
    <input type="button" name="submit_file" value="Submit">
</form>

これは、ユーザーがすべての値を入力したかどうかを確認する Js です。

   $('#file').click(function(){

        var email_id_upload= $('#email_id_upload').val();
      var id =  $('#id').val();
        if(email_id_upload.length !==0 &&  id.lenght !==0)
        {
        //allow upload window to pop up

         }
        else
            {
                if(email_id_upload.length ===0 && id.length ===0)
                {$('#message_content2_1').html("<span style='color:red'>Please fill email id and audit id</span>");}
                else{
                if(email_id_upload.length ===0)
                {$('#message_content2_1').html("<span style='color:red'>Please fill email id</span>");}
                if(id.length ===0)
                {$('#message_content2_1').html("<span style='color:red'>Please fill email id and audit id</span>");}
                }
            }
    });
4

2 に答える 2

1

私は、あなたのスクリプトを修正するだけです。それがうまくいくと思います：

$('#file').click(function(e){

    var email_id_upload= $('#email_id_upload').val();
  var id =  $('#id').val();
    if(email_id_upload.length !==0 &&  id.lenght !==0)
    {
    //allow upload window to pop up

     }
    else
        {
            e.preventDefault();
            if(email_id_upload.length ===0 && id.length ===0)
            {$('#message_content2_1').html("<span style='color:red'>Please fill email id and audit id</span>");}
            else{
            if(email_id_upload.length ===0)
            {$('#message_content2_1').html("<span style='color:red'>Please fill email id</span>");}
            if(id.length ===0)
            {$('#message_content2_1').html("<span style='color:red'>Please fill email id and audit id</span>");}
            }
        }
});
于 2013-10-26T22:10:40.413 に答える