1. 自定义验证–成功提示

1） 添加选项

1
2
3
4
5
6
7
8
9
10
11
12

errorClass: "unchecked"，  
validClass: "checked"，  
errorElement: "span"，  
errorPlacement: function （error， element） {  
    if （element.parent（）.find（"span[for=""" + element.attr（"id"） + """]"） != null） {  
        element.parent（）.find（"span[for=""" + element.attr（"id"） + """]"）.remove（）;  
    }  
    error.appendTo（element.parent（））;  
}，  
success: function （label） {  
    label.removeClass（"unchecked"）.addClass（"checked"）;  
}，  

Read More

业务场景
有一个订单列表，列表的每一行，分别是商品id，商品名称，商品数量，其中商品数量可以修改，修改完毕后提交整个表单。表单结构如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<table id="productList">
  <tr>
    <th width=300>菜品</th>
    <th width=200>数量</th>
    <th width=300>操作</th>
  </tr>
  <?php foreach($list as $k){ ?>
    <tr class="oparea">
      <td class="list">
        <span class="vegsid" data-id="<?php echo $k['id'];?>"><!--data-id是自定义属性，专门用来存放id-->
          <?php echo $k[ 'name'];?>
        </span>
      </td>
      <td class="list">
        <input class="num" value="1" maxlength="4">
      </td>
      <td>
        <span class="deldata">移除</span>
      </td>
    </tr>
    <?php }?>
    <tr>
      <td colspan=7 class="list">
        <span class="sub">提交订单</span>
      </td>
    </tr>
</table>

Read More

jQuery Form插件是一个优秀的Ajax表单插件，我们可以非常容易的使用它处理表单控件的值，清空和复位表单控件，附件上传，以及完成Ajax表单提交（不用执行页面跳转）。jQuery Form有两个核心方法ajaxForm()和ajaxSubmit()，本文我们重点介绍ajaxSubmit()的应用。

Read More

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。

jQuery Form有两个核心方法 – ajaxForm() 和 ajaxSubmit()， 它们集合了从控制表单元素到决定如何管理提交进程的功能。

另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。

Read More

1
2
3
4
5
6
7

var all_checked = true;  
$(":checkbox").each(function(){  
    if(this.checked == false){  
        all_checked = false;  
        break;  
    }  
});  

注意：用break，想跳出这个循环。结果报错
SyntaxError: unlabeled break must be inside loop or switch
经查，在回调函数里return false即可，大多数jquery的方法都是如此的。

返回 ‘false’ 将停止循环 (就像在普通的循环中使用 ‘break’)。
返回 ‘true’ 跳至下一个循环(就像在普通的循环中使用’continue’)。