AngusFeng 2017-05-23 02:55 采纳率: 50%
浏览 940
已采纳

Google浏览器中,click方法造成表单无故提交问题

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/20170523/pb_1.js"></script>
<title>Insert title here</title>
</head>
<body>
    <form id="MTform">
        <div id="newinput"></div>
        <br>
        <button id="newpren">newpren</button>
        <button id="oldclass">oldclass</button>
    </form>

    <button id="submit">提交</button>
</body>
</html>

JS代码

$(function(){
    $("form button").click(
            function() {
                if ($(this).attr("id") === "input_1") {
                    $("#newinput").append(
                        "<input id=\"newclass\" placeholder=\"input_1\"  type=\"text\"/>");
                }
                if ($(this).attr("id") === "input_2") {
                    $("#newinput").append(
                        "<input id=\"oldclass\" placeholder=\"input_2\" type=\"text\"/>");
                }
            });
});

为什么在Google浏览器中会在成这种现象,360就没事呢?还是我代码哪里写的有问题?

  • 写回答

4条回答 默认 最新

  • jiang_mingyi 2017-05-24 07:03
    关注

    对于标签,其默认的type值,在不同的浏览器有不同的值,Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit",所以你最好手动为其加上type="button"或者type="submit"。另外,强烈建议form表单中不要使用标签,用代替。这两个的区别,你可以参照这篇博文:http://blog.csdn.net/lee_sire/article/details/50312301

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料
  • ¥15 使用R语言marginaleffects包进行边际效应图绘制
  • ¥20 usb设备兼容性问题
  • ¥15 错误(10048): “调用exui内部功能”库命令的参数“参数4”不能接受空数据。怎么解决啊
  • ¥15 安装svn网络有问题怎么办
  • ¥15 Python爬取指定微博话题下的内容,保存为txt
  • ¥15 vue2登录调用后端接口如何实现
  • ¥65 永磁型步进电机PID算法
  • ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?