-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 回答
1

您发布 JS 的方式实际上对我有用。您的 if 条件中有一个错字:id.lenght. 一般来说,只绑定到点击事件不是一个好主意,因为有人也可能通过在表单域中按下回车来触发提交事件。

在您的示例中,当两个字段都为空并且有人单击 #file 元素时,执行 else 块,并且单击事件冒泡到 #file 元素的容器。要停止事件冒泡,请在 else 块的末尾返回 false。

于 2013-10-26T22:01:27.763 回答