使用js中断表单的提交动作的方法

来源:互联网 发布:7233java 游戏 编辑:程序博客网 时间:2024/06/13 23:21


1.在js中使用form.submit()提交: 在这种方法中使用简单的<inputtype="button">然后转到js中进行相关的判断,如果符合自己的要求则使用form.submit()提交,不符合则不提交,使用这种方法可以自己控制form的提交。例如:

<form id="form_regist" name="form_regist" method="post" action="/Pro_test/servlet/RegistServlet">用户名:<inputtype="text"name="username"id = "username"><spanid="username_res"></span><br>密码:<inputtype="password"name="password"id="password"><spanid="password_res"></span><br><button>取消</button><buttontype="button"onclick = "stringtest()">注册</button></form>  

在js文件中可以只用这些语句实现提交v ar form = document.getElementById('form_regist');form.submit();

2.在form表单中使用onsubmit属性实现表单的提交

代码如下:

<form id="form_regist" name="form_regist" method="post" action="/Pro_test/servlet/RegistServlet" onsubmit="return stringtest()">
用户名:<input type="text" name="username" id = "username"><span id="username_res"></span><br>
密码:<input type="password" name="password" id="password"><span id="password_res"></span><br>
<button>取消</button><button type="submit" onclick = "stringtest()">注册</button>
</form>

通过javascropt中函数stringtest()的返回值来决定是否提交表单,当不用提交的时候让函数返回false来终止提交,需要提交不返回就可以提交

1 0