表单form中<button>提交表单
2016-08-10 10:42
393 查看
表单中有<button>一旦点击就会自动提交表单,要给<button>加上type=“button”属性才可以
阻止表单提交
如果没有type=“button” 注册按钮也会提交表单
login_check()返回值为true时才会提交表单
阻止表单提交
<form action="" method="GET" onsubmit = "return login_check()"> <label for="username">用户名:</label><br/> <input placeholder="用户名" type="text" name="username" value="" id="username" tabindex="1"/> <br/><label for="password">密码:</label><br/> <input placeholder="密码" type="password" name="password" value="" id="password" tabindex="2" /> <button type="submit" class="flatbtn-blu" tabindex="3" >登录</button> <button type="button" class="flatbtn-blu" onclick="showRegist()" tabindex="4" >注册</button> </form><button type="button" class="flatbtn-blu" onclick="showRegist()" tabindex="4" >注册</button>
如果没有type=“button” 注册按钮也会提交表单
login_check()返回值为true时才会提交表单
function login_check(){ if(document.getElementById("username").value == ""){ alert("用户名不能为空!"); return false; } if(document.getElementById("password").value == ""){ alert("密码不能为空!"); return false; } return true; }
相关文章推荐
- <button>标签也能提交表单问题
- 在html中点击<button>自动提交表单问题
- HTML中<form>表单利用 post 提交与利用 get 提交时的区别
- JQuery ajax提交表单时<button>按钮引起的 Request method 'GET' not supported错误!
- 写前端页面时,按钮明明是<button>,为什么点击时会提交表单,刷新页面呢?
- 表单按回车自动提交 1、当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 <form id='form1' action='a
- HTML表单元素2(普通按钮、提交按钮、重置按钮、图像提交按钮、HTML的按钮标签<button>、练习)
- 提交表单<input type="button" value="登录" onclick="login()"/> 和<button onclick="login()">登录</button>区别
- <form>表单提交时注意
- <button>标签灵异事件原因,异常提交,自动提交表单
- Spring MVC的 <form action="" /> 表单提交相对路径异常问题
- 一个表单里,如果有<button>标签存在,它会自动提交表单
- 用 <button> , <input type="button"> , <input type="submit"> 提交表单的异同
- <input type="image">标签引发的form表单自动提交
- truts2中表单可以不用struts自带的<s:form>标签,直接用html的<form>标签能够提交数据到action
- form表单下的button按钮会自动提交表单的问题
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- form表单下的button按钮会自动提交表单的问题
- 总结:FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
- Struts2标签<s:token />防止表单重复提交