• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    button没有指定type为submit点击按钮跳转不到指定url
    今天由于项目需求，需要js控制form的提交，在submit前先进行数据的验证和处理。

    html的代码如下：

    复制代码
    代码如下:

    <div class="test-ft">
    <h3 class="shouji">手机号码凶吉</h3>
    <form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
    <p>
    ...
    </p>
    <button class="btn-act">马上测</button>
    </form>
    </div>

    编码完成后，在做浏览器的兼容性测试是出现了问题：ie6、ie7下点击按钮没反映，跳转不到指定url，其他浏览器却可以正常跳转。
    一直以为是js控制代码中出现了问题，所以跟踪调试很久，始终没发现问题。后来，发现button没有指定type为submit，所以怀疑是不是这个问题。
    修改添加button的type属性为submit后，ie6、ie7下功能正常。

    过去一直没有注意过这样的问题，踩了坑，所以去搜索资料查询验证。
    w3shool上有对button的type属性做详细说明：　
    https://www.jb51.net/w3school/tags/att_button_type.htm　

    复制代码
    代码如下:

    定义和用法type 属性规定按钮的类型。提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。可以看出，其他浏览器下默认button点击后会提交form，而ie默认点击后是不提交form的，type的默认值也是个浏览器兼容性问题，所以mark下。
    上一篇：html添加ico镜像代码(favicon.ico放在根目录)
    下一篇：了解html页面的渲染过程以备学习前端的性能优化
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    button没有指定type为submit点击按钮跳转不到指定url button,没有,指定,type,为,