javascript中阻止form提交数据问题

JavaScript012

javascript中阻止form提交数据问题,第1张

阻止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>