javascript - jQuery - 验证表单

Question

我试过这段代码，但它仍然提交表单，即使输入尚未经过验证。

这是我的表单代码:

<a style="cursor: pointer;" id="upload_image">Upload Image</a></li>

<?php
 $attributes = array('id' => 'upload_form'); 
 echo form_open_multipart('c=web_page&m=upload_img', $attributes); 
?>

<input type='file' style="display:none;" name="photosubmit" id="photosubmit"/>
<?php echo form_cose(); ?>

这是我的 jQuery 代码:

$("#upload_image").click(function(){
 $("#photosubmit").click();
  if( $('photosubmit').val() != "") //
   $("#upload_form").submit();
});

所以这是我的问题:

我如何确保在提交此表单之前，我的输入已经有一个值..？

Answer 1

如果你想通过 id 获取元素，你应该这样做:

if( $('#photosubmit').val() != "")

代替:

if( $('photosubmit').val() != "")

更新后的答案:
在 jQuery API documentation 的帮助下，我找到了一个完全可行的解决方案:

$("#the_form").submit(function(event) {
  if ( $( "input:first" ).val() !== "" ) {
    alert("The file input is valid.");
    return;
  }
  alert("The file input is not valid.")
  event.preventDefault();
});

https://jsfiddle.net/christianheinrichs/nbuzoxLv/2/