PHP停止フォームのリロードを表示するエラーのJs

Question

私は「fileToUploadは」（JSとショー・エラー）空の場合は私のエラーを表示し、ページをリロード停止する「fileToUpload」が空の場合は

<form method="post" enctype="multipart/form-data"> 
    Select image to upload: 
    <input type="file" name="fileToUpload" id="fileToUpload"> 
    <input class='new_post' type="submit" value="Upload Image" name="submit"> 
</form> 

$('.new_post').click(function() { 
    var get_photo = $('#fileToUpload').get(0).files.length; 

    // If 0 file show error 
    if (get_photo == 0) { 
     openandclose('.error_box' , 'emptyyyy.', 1700); 
     $('.error_box').focus(); 
     return false; 
    } 
}); 

Answer 1

あなたにIDを追加します。このようなフォーム<form method="post" enctype="multipart/form-data" id="myform">とあなたのjavascriptに$('#myform').submit()のようなボタンのクリックイベントではなく、フォーム送信イベントへのコールバックとしてチェック機能を添付してください。

$('#myform').submit(function() { 
 
    var get_photo = $('#fileToUpload').get(0).files.length; 
 
    // If 0 file show error 
 
    if (get_photo == 0) { 
 
    /* 
 
    openandclose('.error_box', 'emptyyyy.', 1700); 
 
    $('.error_box').focus(); 
 
    */ 
 
    alert("EMPTY!!"); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" enctype="multipart/form-data" id="myform"> 
 
    Select image to upload: 
 
    <input type="file" name="fileToUpload" id="fileToUpload"> 
 
    <input class='new_post' type="submit" value="Upload Image" name="submit"> 
 
</form>

Answer 2

このコードは、ファイルが選択されているかどうかをチェックする]ボタンをクリックout.Uponお手伝いをし、したがってTrue/Falseの返すことがあります。

<form method="post" enctype="multipart/form-data" onsubmit="return funccheck();"> 
Select image to upload: 
<input type="file" name="fileToUpload" id="fileToUpload"> 
<input class='new_post' type="submit" value="Upload Image" name="submit"> </form> 
<script> 
function funccheck() { 
var get_photo = $('#fileToUpload').get(0).files.length; 
// If 0 file show error 
if (get_photo == 0) { 
openandclose('.error_box' , 'emptyyyy.', 1700); 
$('.error_box').focus(); 
return false; //stops page loading 
} 
return true; // initiates page loading 
}); 
</script> 

Answer 3

これを試してみてください：

$('.new_post').click(function(e) { var get_photo = $('#fileToUpload').get(0).files.length; // If 0 file show error if (get_photo == 0) { openandclose('.error_box' , 'emptyyyy.', 1700); $('.error_box').focus(); e.preventDefault(); return false; } });

変数eがイベントで、関数でpreventDefaultは、ファイルがない場合は提出からフォームを停止します。