Question

在这段代码中，我只想验证pancard_img。如果全景图像不为空，那么现在会发生什么，然后再次显示“全景图像不应为空。如果pancard_img有一个值。我该如何解决？

$(document).ready(function() {
  $("#submit").click(function(e) {
    e.preventDefault();
    if (("#pancard").val() == '') {
      $("#err_pan").html("Pancard should not be empty");
    } else if (("#pancard_img").val() == '') {
      $("#err_pan_img").html("Pancard image should not be empty");
    } else {
      alert("successful");
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myform">
  <input type="text" name="pancard" id="pancard" />
  <div id="err_pan"></div>
  <input type="file" name="pancard_img" id="pancard_img" value="Pan1.png" />
  <div id="err_pan_img"></div>
  <input type="submit" name="submit" class="btn btn-success" id="submit" value="submit" />
</form>

Answer 1

您的代码中几乎没有语法错误，

$(document).ready(function() {
  $("#submit").click(function(e) {
    e.preventDefault();
    if ($("#pancard").val() == '') { // add $
      $("#err_pan").html("Pancard image should not be empty");
    } else if($("#pancard_img").val() == '') { // add $
      $("#err_pan_img").html("Pancard image should not be empty");
    } else {
      alert("successful"); // You can use alert, echo is for php
    }
  });
});

Answer 2

从提交处理程序中删除回显，并在条件内移动e.preventDefault()，以便当输入有价值时，它不会阻止表单提交。另外，您在选择元素时也忘记使用$。

$(document).ready(function() {
  $("#submit").click(function(e) {
    if ($("#pancard").val() == '') {
      e.preventDefault();
      $("#err_pan").html("Pancard image should not be empty");
    } else if ($("#pancard_img").val() == '') {
      e.preventDefault();
      $("#err_pan_img").html("Pancard image should not be empty");
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myform">
  <input type="text" name="pancard" id="pancard" />
  <div id="err_pan"></div>
  <input type="file" name="pancard_img" id="pancard_img" value="Pan1.png" />
  <div id="err_pan_img"></div>
  <input type="submit" name="submit" class="btn btn-success" id="submit" value="submit" />
</form>

如何使用jquery验证输入文件类型onclick提交？

2 个答案: