jquery中Form相关操作

本文介绍jquery操作form表单中常用的操作方法:  

重置表单(reset)

通常我们提交表单都会通过ajax异步提交，在提交完成后需要手动清空input中所有输入的内容，但jquery不能直接reset一个form，而是通过如下实现：

$("#form_id").each(function(){this.reset()}); 

遍历input控件

按上一思路，如果我想遍历所有form内控件呢？$("#form_id").each(); ?实现上each中的this是对所有form中所有控件的操作，并不会单独返回每个控件的引用，只能通过如下：

$("#form_id input").each(function(){alert(this.id);}); 

序列化表单（serialize）

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。例如下面的表单：

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

输出标准的查询字符串：
a=1&b=2&c=3&d=4&e=5

禁用与启用input控件

正常的禁用input控件，直接设置disabled属性：

$("#input_id").attr("disabled","disabled");

然而，启动并不是设置disabled为false，，，而是：

$("#input_id").removeAttr("disabled");