js的onclick和form提交按钮冲突了，请指教！

[中文命名法]

<from action=***>
<button id=b1 onclick="cmd()">b1</button>
<button id=b2 type=submit>b2</button>
<div id=动态新增其他input></div>
其他一堆已有的<input>控件
</from>

意图是button1的js命令在<div>中新增一批name=value的input控件，然后button2将这批动态新增的input连同其他input控件一起提交出去。

但是如果不写<from></from>，button1是可以触发的，但是写了form标记后，button1就失效了。
但是如果不写form标记的话，button2提交的范围是什么呢？页面上所有input吗？因为form标记外还有其他input，不能一起提交。

这个怎么解决呢？

[中文命名法]

引用 3 楼 KK3K2005 的回复:

不能仅仅根据‘失效’ 2个字 得出你的结论 写代码 要用明确的描述

我话句话替代“失效”，也就是按下去没反应。 <from action ...> <input type="text" class="form-control" name="用户输入"> <button id="格式检查" type="button" class="btn btn-primary" onclick="格式检查()">格式检查</button> <div id="配料选择" class="row" style="margin-bottom:5px"></div> <input type="text" class="form-control" name="摘要"> <input type="text" class="form-control" name="条形码"> <button id="提交" type="submit" class="btn btn-primary">提交</button> </form> <script> function 格式检查() { var 原文=$("#用户输入").val().replace(new RegExp(",", "g"), "\n"); $.ajax({ url: 'http://api.fanyi.baidu.com/api/trans/vip/translate', type: 'get', dataType: 'jsonp', data: { ..... }, success: function (返回值) { for (var 位置 in 返回值.trans_result) { 往id="配料选择"的div里面动态新增input控件 ); }} }); }<script> 测试结果是，如果最外层不写 <form></form> 的时候，格式检查按钮，提交api请求，然后动态新增input一切正常。 但是一旦像我贴的代码这样，外层写上 <form></form> 的时候，格式检查按钮 按了就没任何反应。 而我给外层加上<form>的原因是，最终要通过页面最后的提交按钮将 form里面的动态控件 提交出去。

[中文命名法]

<button id="格式检查" type="button" class="btn btn-primary" onclick="格式检查()">格式检查</button> 找到问题了，因为button的id和命令重名发生冲突了。

[中文命名法]

$.ajax({
    url: 'http://api.fanyi.baidu.com/api/trans/vip/translate', type: 'get', dataType: 'jsonp',
    data: { ... },
    success: function (返回值) {
        for (var 位置 in 返回值.trans_result) {
            $("#配料选择").append("<div class=col-xs-4>" +
                "<input type=hidden name=用户确认[" + 位置 + "].确认前 value='" + 返回值.trans_result[位置].src + "' />" +
                "<inupt type=hidden name=用户确认[" + 位置 + "].位置 value='" + 位置 + "' />" +
                "<input type=hidden name=用户确认[" + 位置 + "].翻译 value='" + 返回值.trans_result[位置].dst + "' /></div>");
        }
    }
});

动态新增的3个input，提交后发现，第一个（用户确认[" + 位置 + "].确认前）和第三个（用户确认[" + 位置 + "].翻译）传值正确。 第二个（用户确认[" + 位置 + "].位置）无法正确传值。请帮我看看哪里错了吗？ 返回值的数据结构是这样的： {"from":"en","to":"zh","trans_result":[{"src":"apple","dst":"苹果"},{"src":"orange","dst":"橙子"},{"src":"banana","dst":"香蕉"}]}

[人生难得一只鸡]

加上type属性 <button id=b1 onclick="cmd()" type="button">b1</button> type 属性规定按钮的类型。 提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 如果不加，非IE浏览器，走默认值 submit，表单照样提交

[中文命名法]

引用 1 楼 Return_false 的回复:

加上type属性 <button id=b1 onclick="cmd()" type="button">b1</button> type 属性规定按钮的类型。 提示：请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 如果不加，非IE浏览器，走默认值 submit，表单照样提交

你好，我帖子里漏写了 type="button"，代码里是有写type=button的。应该不是这个问题。我怀疑是不是这个原因： button1的cmd里js是往一个api以ajax方式提交一个请求，收到返回值后区填充<div id=动态新增其他input></div>。 会不会是因为这样而起的冲突，如果是的话，请问有什么办法解决吗？

[KK3K2005]

失效？ 不能仅仅根据‘失效’ 2个字 得出你的结论 写代码 要用明确的描述