javascript - 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>