个人博客 > 学无止境 > WEB前端 > onsubmit禁止form表单提交解决办法

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.phpfeng.cn/learn/web/143.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 表单 办法



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?