标签:
<input type="button"> <input type="submit">
这两个的区别 是
button 不会自动提交表单数据,只会执行 onclick 里面的事件处理,如果要提交数据,需要加上 document.form1.submit(); 等
submit 会自动提交表单数据,使用它的时候要加上验证 ,放回 验证 return ture ; 或 return false;
<input type="submit" name="Submit" value="注册" onClick=" return check(); " >
<script>
funciotn check()
{
验证 满足条件 return ture;
不满足条件 return false;
}
</script>
[ <asp:Button OnClick="" OnClientClick="return check()" >
服务端控件 可以加上 OnClientClick 验证。 ]
需要注意的是 <button> </button> 控件 有特殊情况,在Internet Explorer 的默认类型是“button” ,而在其他浏览器中 的默认值时 “Submit” ,用 button 时,要加的规定 Type 值。
但是用到 异步操作, 如 $.ajax() ,success 后 会跳转页面,当 type=“submit” 时, 没有加验证,执行完 $.ajax () 后,并不会跳转, 会自动提交 表单, 显示的效果就是 刷新了一下, 并不会 跳转到其他页。
例如:
$("#save").click(function () { var supplyvalues = jQuery.map($landlordsupply.filter(":checked"), function (a) { return $(a).val(); }) $.getJSON("/WebServer/AddHouseInfo.ashx", { "type": "addhousefacility", "facility": supplyvalues.join() }, function (r) { if (r.err == "0") { alert("发布成功"); window.location = "SubmitHouse.aspx?ti=" + Math.random(); } else { alert(r.err); }; }); return false;
// 必须加上 这句话,才不会继续提交表单, 并且这句话不能加到
//getJSON() 里面, 异步 加到里面没有作用,只有异步执行完后 // 加上这句话,做出判断,不会继续执行 Submit. })
html中submit和button的区别/ window.location.href 不跳转 的问题
标签:
原文地址:http://www.cnblogs.com/awake-insist/p/5066143.html