正文
javascript阻止表单提交表单，html阻止表单提交
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript如何停止提交表单?
1、 return false
代码示例
2、使用preventDefault()
在标准浏览器中，阻止浏览器默认行为使用event.preventDefault()，而在IE6~8中，使用returnValue属性来实现。
javascript调试技巧：
1、debugger
你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。如果需要带有条件的断点 你只需要用if语句包围它。
2. 设置在DOM node发生变化时触发断点
有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，叫做“Break on…”，你在DOM节点上右键，就能看到这个菜单项。断点的触发条件可以设置成这个节点被删除、节点的属性有任何变化，或它的某个子节点有变化发生。
3. Ajax 断点
XHR断点，或Ajax断点，就像它们的名字一样，可以让我们设置一个断点，在特点的Ajax调用发生时触发它们。当你在调试Web应用的网络传输时，这一招非常的有效。
4. 移动设备模拟环境
谷歌浏览器里有一些非常有趣的模拟移动设备的工具，帮助我们调试程序在移动设备里的运行情况。找到它的方法是：按F12，调出开发者工具，然后按ESC键(当前tab不能是Console)，你就会看到第二层调试窗口出现，里面的Emulation标签页里有各种模拟设备可选。
相关问答
Q1: 如何阻止标签默认行为和表单提交
阻止a标签默认行为：
方式一 (通过return false)
方式二 (通过javascript:; 或者 javascript:void(0);)
阻止表单提交：
html层面阻止
1、将input标签内按钮类型从type="submit"修改为type="button"
2、表单内的button未指定类型时，默认的类型为submit，
可以显式的修改为button type="button"来阻止表单提交
JS层面阻止
1、通过return false
div class="warp"
h2登录到pfan空间/h2
p这里有更多的知识分享，交流。/p
form action="/register" method = "post"
input type="text" name = "username" placeholder = "请输入注册用户名"br /
input type="password" name = "pwd" placeholder = "请输入初始密码"br /
input type="password" name = "aginpwd" placeholder = "请再次输入密码"br /
input type="submit" value ="注册" class="login_btn"
/form/divscript
var form = document.forms[0],
submit = document.querySelector(".login_btn"),
inputBtn = document.getElementsByTagName("input"); console.log(form);
form.onsubmit = function(){ if(inputBtn[0].value == ""){
alert("请您认真填写注册用户名！"); return false;
}else if(inputBtn[1].value == ""){
alert("请您认真输入初始密码！"); return false;
}else if(inputBtn[2].value == ""){
alert("请您再次输入密码"); return false;
}else if(inputBtn[1].value != inputBtn[2].value){
alert("两次密码输入不匹配，请更正！"); return false;
}
}/script!DOCTYPE htmlhtml lang="en"head
meta charset="UTF-8"
titleDocument/title
script
function func(){ return false;
} /script/headbody
form action=""
input type="submit" value="button" onclick="return fales" /
/form/body/html2、通过e.preventDefault()div class="warp"
h2登录到pfan空间/h2
p这里有更多的知识分享，交流。/p
form action="/register" method = "post"
input type="text" name = "username" placeholder = "请输入注册用户名" br /
input type="password" name = "pwd" placeholder = "请输入初始密码" br /
input type="password" name = "aginpwd" placeholder = "请再次输入密码" br /
input type="submit" value ="注册" class="login_btn"
/form/divscript
var form = document.forms[0],
submit = document.querySelector(".login_btn"),
inputBtn = document.getElementsByTagName("input"); console.log(form);
form.addEventListener("submit",function(e){ if(inputBtn[0].value == ""){
alert("请您认真填写注册用户名！");
e.preventDefault();
}else if(inputBtn[1].value == ""){
alert("请您认真输入初始密码！");
e.preventDefault();
}else if(inputBtn[2].value == ""){
alert("请您再次输入密码");
e.preventDefault();
}else if(inputBtn[1].value != inputBtn[2].value){
alert("两次密码输入不匹配，请更正！");
e.preventDefault();
}
},false);/script!DOCTYPE htmlhtml lang="en"head
meta charset="UTF-8"
titleDocument/title
script
function func(event){
event.preventDefault();
} /script/headbody
form action=""
input type="submit" value="button" onclick="func(event)" /
/form/body/html
Q2: javascript中阻止form提交数据问题
阻止form提交数据，有几种简单的办法：
form表单的action地址不正确，这样就无法提交到正确的地址。
限制submit事件。只需要将按钮设置成disabled就可以了。
下面是简单的代码实现，仅供参考：
style
input{ border:1px solid #000;}
.error{ border:1px solid red;}
.ok{ border:1px solid green;}
span{ color:red;}
/style
script src="form.js"/script //这个文件是进行表单认证的js文件
script
window.onload=function(){
checkForm('form',function(obj){
var oPass=document.getElementsByName('pass')[0];
var oBtn = document.getElementById('btn');
if(oPass.value!=obj.value){
oBtn.disabled = 'disabled';//当检查有错时，然按钮无效；
}
});
};
/script
/head
body
form id="form" action="
div
pass:input type="text" name="pass" err_tip="*密码格式有误"span/span
/div
div
pass2:input type="text" name="pass2" err_tip="*密码不一致"span/span
/div
input id="btn" type="submit"
input type="reset"
/form
/body
Q3: 如何用js禁止刷新页面再次提交表单
可以将form表单的onsubmit属性里添加上 "return false",然后在要提交表单的地方使用js来提交表单。
form action="" method="" id="Submitform" onsubmit="return false"
button type="button" onclick='doSubmitForm()'提交button/
/form
script
function doSubmitForm(){
var form = document.getElementById('Submitform');
form.submit();
}
/script
Q4: 如何用js阻止按钮提交表单
给按钮绑定一个事件(按钮为button)。
input type="button" onclick="dosubmit()" value="提交"/
js中：
function dosubmit(){
if(...){//如果不满足就不提交
return false;
}
//给form绑定一个id
document.getElementById("form1").submit();
}
希望能帮助你
Q5: 为什么我在html里面写的javascript无法阻止表单的重复提交？
因为你提交后，页面是需要刷新的，所以得重新加载一遍.你的flag 并没有保存，你可以保存到cookies里，下次提交时先从cookies里看有没有flag这个变量,如果有的话，拿出来再做判断。
关于javascript阻止表单提交表单和html阻止表单提交的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
