UC知道javascript怎么阻止表单提交?
来源：百度知道 编辑：UC知道 时间：2024/05/16 19:43:31
用javascript验证表单后.条件不满足时. 怎么阻止表单提交???
<script LANGUAGE="javascript">
<!--
function form1() {
if (document.form1.gkxm.value=="")
{
alert("请输入顾客姓名!")
document.form1.gkxm.focus()
return false
}
else if(document.form1.gkdh.value=="")
{
alert("请输入顾客电话!")
document.form1.gkdh.focus()
return false
}
else if(document.form1.gkdz.value=="")
{
alert("请输入地址！")
document.form1.gkdz.focus()
return false
}
else if(document.from1.gklx.value=="")
{
alert("顾客类型不能为空！")
document.form1.from.focus()
return false
}
}
<script LANGUAGE="javascript">
<!--
function form1() {
if (document.form1.gkxm.value=="")
{
alert("请输入顾客姓名!")
document.form1.gkxm.focus()
return false
}
else if(document.form1.gkdh.value=="")
{
alert("请输入顾客电话!")
document.form1.gkdh.focus()
return false
}
else if(document.form1.gkdz.value=="")
{
alert("请输入地址！")
document.form1.gkdz.focus()
return false
}
else if(document.from1.gklx.value=="")
{
alert("顾客类型不能为空！")
document.form1.from.focus()
return false
}
}
阻止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&g