form表单提交前验证

 

<form name="Form" action="t" method="post" onsubmit="return check();">
<input class="btn btn-default" id="excel_file" type="file" name="filename"  accept="xls"/>
<input  id="excel_button" type="submit" value="导入Excel"/>
</form>

 

1.使用onsubmit方法

οnsubmit=“return 方法名()”中的return是一定要加上的，不然check的返回值哪怕是false，仍然提交。也就是说，οnsubmit=“return false”为不执行提交；οnsubmit=“return true”或οnsubmit=“return ”都

执行

<span style="color:#ffffff;">/</span><span style="color:#ff6666;">/onsubmit事件无法触发，使用绑定按钮点击事件代替
  function check() {
    alert("check");
    var excel_file = $("#excel_file").val();
    if (excel_file == "" || excel_file.length == 0) {
      alert("请选择文件路径！");
      return false;
    } else {
      return true;
    }
  }</span>

 

 

 

提交；

2.使用按钮事件绑定

 

$("#excel_button").on('click', function() {
    var excel_file = $("#excel_file").val();
    if (excel_file == "" || excel_file.length == 0) {
      alert("请选择文件路径！");
      return false;
    } else {
      return true;
    }
  });