码迷,mamicode.com
首页 > Web开发 > 详细

jQuery的serializeArray()方法详解

时间:2015-07-09 17:28:38      阅读:490      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
    //验证不为空提交
    function editSubmitcheck() {
         var cityID = $("#editCityID").val().trim();
         var cityName = $("#editCityName").val().trim();
         var comment = $("#editComment").val().trim();
         var bol = true;
         if($.isEmptyObject(cityID) || cityID == ""){
              $("#editCityID").attr("style", "border: 1px red dashed; color:red;");
             $("#editCityIDTips").html("*三字码不能为空!").attr("style", "color:red;");
             setTimeout(function(){//定时提示消除
                $("#editCityID").removeAttr("style");
                $("#editCityIDTips").html("&nbsp;").attr("style", "color:red;");
            }, 2000);
             bol = false;
         }else{// 不为空
             var letter = /^[a-zA-Z]+$/;
             if (letter.test(cityID)) {// 是字母
                if (cityID.length != 3) {
                    $("#editCityID").attr("style", "border: 1px red dashed; color:red;");
                     $("#editCityIDTips").html("*三字码长度必须为3个字符!").attr("style", "color:red;");
                    setTimeout(function(){
                        $("#editCityID").removeAttr("style");
                        $("#editCityIDTips").html("&nbsp;").attr("style", "color:red;");
                    }, 2000);
                     bol = false;
                }
            }else {// 不是字母
                $("#editCityID").attr("style", "border: 1px red dashed; color:red;");
                 $("#editCityIDTips").html("*三字码必须由字母组成!").attr("style", "color:red;");
                 setTimeout(function(){
                    $("#editCityID").removeAttr("style");
                    $("#editCityIDTips").html("&nbsp;").attr("style", "color:red;");
                }, 2000);
                 bol = false;
            }
         }
         
         if($.isEmptyObject(cityName) || cityName == ""){
             $("#editCityName").attr("style", "border: 1px red dashed; color:red;");
             $("#editCityNameTips").html("*名称不能为空!").attr("style", "color:red;");
             setTimeout(function(){//定时提示消除
                $("#editCityName").removeAttr("style");
                $("#editCityNameTips").html("&nbsp;").attr("style", "color:red;");
            }, 2000);
             bol = false;
         }
         /* 旧方式提交表单*/
         /* if(bol){
            $("#editForm").submit();
            ClosedDialog("editDiv","editDialogDiv");
         } */
         
         /* 新方式 ajax 提交*/
         $(document).ready(function(){
             //alert(bol);
             var data = $("#editForm").serializeArray();
             $(data).each(function(i){
                 window.console.log(data[i]);
             });
            /* $.post("updateAirport", {}, function(msg){
                alert(msg);
            }, "TEXT"); */
         });
     }
</script>

 

当点击确定按钮后执行下面的将id为 ‘editForm‘ 的表单通过 serializeArray() 序列化

        $(document).ready(function(){
             var data = $("#editForm").serializeArray();
             $(data).each(function(i){
                 window.console.log(data[i]);
             });
         });    

技术分享

jQuery的serializeArray()方法详解

标签:

原文地址:http://www.cnblogs.com/YingYue/p/4633611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!