onsubmit禁止form表单提交解决办法

为什么要禁止表单提交呢？

主要是更好的用户行为。比如刚填完一个input的内容，不小心点到了回车键，如果没有JS/判断那么就会被提交，辛辛苦苦忙了一半天又得重新填写。

如何解决？

1、return false会阻止表单提交，代码如下：

<form  action="/index.php" method="get" target="_blank" onsubmit="return false;">

2、JS/JQ防止表单提交，代码如下：

function chkinput(form) 
{ 
if(form.title.value=="") 
{ 
alert("标题不能为空!"); 
form.title.select(); 
return false; 
} 

if(form.content.value=="") 
{ 
alert("文章正文不能为空@！!"); 
form.content.select(); 
return false; 
} 
//继续写逻辑
return true; 
}

这样如果表单内容为空也不会被提交。

以上就是onsubmit禁止form表单提交解决办法，希望能帮到更多的朋友！

本文出自：琅枫个人博客。如需转载请注明出处！

本文出处："https://www.langfujun.top/learn/web/143.html"