html中submit和button的区别/ window.location.href 不跳转 的问题

<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.

            })
时间: 2024-08-08 04:34:56

html中submit和button的区别/ window.location.href 不跳转 的问题的相关文章

JavaScript在IE6下超级链接window.location.href不跳转的bug 及 解决方案

今天遇到个很诡异的问题,就是<a href="javascript:void(0);" onclick="window.location.href=url"></a>在IE6下面没反应,不跳转到onclik事件中的“window.location.href”. 当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在“window.location.href”后面加一个"return false",

HTML中submit和button的区别

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false. submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交

微信BUG之微信内置的浏览器中window.location.href 不跳转

最近做微信开发遇到这个问题,查了一些文档,总结一下 1.url后面加参数 indow.location.href = url +'?timestamp='+ new Date().getTime()+Math.random(); 2.模拟触发a标签 <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").

window.location.href无法跳转的解决办法

-------------------接收别人做的SSO单点登录项目,无源码,只是点击登出按钮一直不跳转. 原因是: <a href="javascript:;" onclick="logout();">注销</a> 这个标签中需要为onclick方法后加return:false; 修改后: <a href="javascript:;" onclick="logout();return false;&quo

window.location.href和window.location.replace的区别

在页面中逐级进行点击请求以下页面:a.html->b.html->c.html window.location.href 做跳转 window.history.go(-1);window.history.back(); 方法时,会向服务器进行请求,根据服务器记录的请求进行跳转,因此会正确返回对应的页面a.html. window.location.replace 做跳转 window.history.go(-1);window.history.back(); 方法时,不会向服务器进行请求,因此

window.location.href的用法(动态输出跳转)(转)

无论在静态页面还是动态输出页面中window.location.href都是不错的用了跳转的实现方案 javascript中的location.href有很多种用法,主要如下. self.location.href="/url" 当前页面打开URL页面location.href="/url" 当前页面打开URL页面windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同.this.location.hre

登陆判读,并跳转到指定页面(window.location.href=&#39;http://localhost/index.html&#39;)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 function confirm(){   var tel=$tel.val();//获取页面中登录名和密码   var pwd=$pwd.val();   if(tel==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)     alert(&qu

CheckBox控件中background和button的区别

控件:CheckBox android:background="@drawable/me_setting_switch_selector" 这个表示替换默认控件的背景 android:button="@drawable/me_setting_switch_selector" 这个表示替换默认控件的图片 区别在于:background的替换会让控件大小根据图片大小的变动 button则只是改变图片,不会让图片大小超出控件默认的大小 CheckBox控件中backgro

JS 中document.URL 和 window.location.href 的区别

实际上,document 和 window 这两个对象的区别已经包含了这个问题的答案. document 表示的是一个文档对象,window 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert(document.URL ); 和 alert(window.location.href); 发现,这两个的值不一