超过限制时,Javascript阻止表单提交

Posted

技术标签:

【中文标题】超过限制时,Javascript阻止表单提交【英文标题】:Javascript prevent form submit when over limit 【发布时间】:2011-01-13 07:13:06 【问题描述】:

我按照Find size of file behind download link with jQuery 的建议进行文件大小检查,并添加了return false; 以防止提交表单,但失败。代码如下:

 function findSize() 
  var fileInput = $("#loadfile")[0];
  if (fileInput.files[0].fileSize > 1048 ) 
    alert(fileInput.files[0].fileSize);
    return false;
  
 

<input type="submit" value="Submit" class="form-submit" onclick="findSize()" />

当文件大小超过限制时如何防止表单提交?

【问题讨论】:

【参考方案1】:

让您检查表单的onsubmit 而不是提交按钮的onclick 应该可以解决这个问题。

【讨论】:

我尝试了 onsubmit 但仍然提交通过。还有其他建议吗? 抱歉我的错误,我应该将 onsubmit 放在表单上而不是按钮上。现在可以了!感谢 oezi。

以上是关于超过限制时,Javascript阻止表单提交的主要内容,如果未能解决你的问题,请参考以下文章

HTML: JavaScript: 阻止表单提交和调用 Javascript 函数

当输入验证失败时,Angularjs会阻止表单提交

在JSP客户端限制表单重复提交

如果不满足最小和最大条件,则阻止表单提交

JavaScript控制阻止表单提交

阻止form空表单提交----JavaScript