zoukankan      html  css  js  c++  java
  • 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.             })
  • 相关阅读:
    E百科 | 第2期 扒一扒能加速互联网的QUIC协议
    阿里的 RocketMQ 如何让双十一峰值之下 0 故障?
    阿里巴巴开源容器镜像加速技术
    Fluid — 云原生环境下的高效“数据物流系统”
    一站式云原生智能告警运维平台——SLS新版告警发布!
    重磅官宣:Nacos2.0 发布,性能提升 10 倍
    阿里云高级技术专家周哲:阿里云边缘云原生应用实践
    互联网泛娱乐直播安全的解决之道
    货运物流移动端解决方案:为货运物流行业打造高性能、高粘性的“双端”触点
    SpringMVC(十四) RequestMapping ModelAndView
  • 原文地址:https://www.cnblogs.com/awake-insist/p/5066143.html
Copyright © 2011-2022 走看看