jq 表单 操作

1. 表单序列化
 

表单一般字段都比较多怎么处理呢    按照jq写法 一个元素元素的取  真蛋疼  

$("#myForm").serializeArray()  如图 一目了然 舒服吧   但这些整理都需要通过 表单控件设置 name 属性

 
 

2.表单赋值  也是蛋疼吧  元素书写难受吧
 也阔以理解为初始化（编辑状态） 
 

function loadData(obj) {
            var key, value, tagName, type, arr;
            for (x in obj) {
                key = x;
                value = obj[x];
                $("[name='" + key + "'],[name='" + key + "[]']").each(function () {
                    tagName = $(this)[0].tagName;
                    type = $(this).attr('type');
                    if (tagName == 'INPUT') {
                        if (type == 'radio') {
                            $(this).attr('checked', $(this).val() == value);
                        } else if (type == 'checkbox') {
                            if (value != "" && value != null && value != "null") {
                                arr = value.split('@$@');
                                for (var i = 0; i < arr.length; i++) {
                                    if ($(this).val() == arr[i]) {
                                        $(this).attr('checked', true);
                                        break;
                                    }
                                }
                            }
                        } else {
                            $(this).val(value);
                        }
                    } else if (tagName == 'SELECT' || tagName == 'TEXTAREA') {
                        $(this).val(value);
                    }
                });

            }
        }

 上面function  也阔以加disabled 的 就变成详情显示了

3. 重置表单 

$('#myform').reset()   这样是错误的 JQuery中没有reset方法

需要转成dom 再用reset方法即 $('#myform')[0].reset() 

4. 表单校验 

  
  
  
  
  



  

    /*!

    * http://weishakeji.net/Utility/Verify/Index.htm?file=Demo/1-1.htm
    * 主 题：《表单录入验证》

    * 说 明：通过控件属性实现验证，包括生成星号标注、非法提示等；

    * 功能描述：

    * 1、当录入框必填时，在控件后生成红色星号（设置star=false时不显示星号）；

    * 2、根据控件属性判断需要录入的数据格式，如果非法则阻止提交并弹出提示

    * 3、支持分组验证

    * 4、可脱离微厦在线学习系统独立使用（需要JQuery库支持）

    *

    */
  

    
验证控件使用示例
    

      

        姓名：
        

          131
          132
        
      

      

        账号：
        
      
      

        姓名：
        （限中文）
      
      

        姓名：
        
      
      

        年龄：
        
      
      

        电话：
        
      
      

        邮箱：
        
      
      

        学历：
        
          --请选择--
          硕士
          本科
          专科
          中学
          小学
        
      
      

        
      
      
    
  
  
 
  
下载地址：https://github.com/weishakeji/Verify_Js