阻止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>
定义和用法
<form>标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
<form>标签支持所有的浏览器。
例子
<form action="form_action.asp" method="get"><p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>