html中的form不提交（排除）某些input 原创

一个HTML表单点击提交时，所有带name属性且没有disabled属性的input字段，全都会被发送到指定的URL。这是默认行为。那如果有些字段你并不想提交呢？

一、使用disabled属性

给input加上disabled，这个办法很常见。但有个副作用——加了disabled的字段，在页面上就变成了“死”的，不能编辑、不能聚焦，只能静静地躺在那。

注意：type="hidden"只是让字段在页面上不可见，表单提交时它依然会跟着发送出去。所以如果你想让隐藏字段也不提交，disabled反而是个好选择。

二、去掉name属性

这是最直接的办法——把input的name属性删掉。没有name，浏览器就不知道这个字段叫什么名字，自然也就不会提交了。

提交后你会看到，那个字段果然从请求参数里消失了。

三、Ja vaScript移除

在提交表单的Ja vaScript函数里，直接调用remove()方法，把这个input元素从DOM中移除。这样它自然就不会被提交了。

对应的Ja vaScript函数可以这样写：

function formsubmit(){
    document.getElementById("name").remove();
    $("#form1").attr('action','你的提交url');
    $("#form1").submit();
}

上面代码的作用是：提交前先把name这个input从页面上移除，再提交表单。不过要注意，如果你的提交后页面会跳转到其他地址，这没问题；但如果提交后页面不跳转，还是停留在当前页面，那就不推荐了——因为那个input已经被删掉了，页面上会永久少一个元素。