美文网首页
jquery序列化表单插件

jquery序列化表单插件

作者: nickfox | 来源:发表于2017-03-06 11:02 被阅读45次
    (function($) {
        $.fn.serializeJson = function() {
            var inputs = $(this).find("input,textarea,select");
            var o = {};
            $.each(inputs, function(i, n) {
                switch (n.nodeName.toUpperCase()) {
                    case "INPUT":
                        if ($(n).is(":checkbox")) {
                            if ($(n).is(":checked")) {
                                o[n.name] = true;
                            } else {
                                o[n.name] = false;
                            }
                        } else if ($(n).is(":radio")) {
                            if ($(n).is(":checked")) {
                                o[n.name] = n.value;
                            }
                        } else if ($(n).is(":file")) {
                            return true;
                        } else {
                            if (n.name) {
                                o[n.name] = n.value;
                            }
                        }

                        break;
                    case "TEXTAREA":
                        o[n.name] = $(n).val();
                        break;
                    case "SELECT":
                        o[n.name] = n.value;
                        break;
                }
            });
            return o;
        }

    })(jQuery);
input、select、rextarea需要设置name,序列化后的json的key即为name
用法:$(ele).serializeJson ()

相关文章

  • jquery 插件

    Validation : 表单验证插件 jquery form: 表单插件 simpleModal; 模态窗口插件...

  • jquery序列化表单插件

  • 上传文件 upload file

    使用jQuery.form插件,实现完美的表单异步提交 表单的异步提交,现在不需要 jQuery插件之ajaxFi...

  • jQuery Validation Plugin - 表单验证

    jQuery 表单验证插件https://plugins.jquery.com/tag/validate/ jQu...

  • 简介

    jQuery-validation | 基于jQuery验证表单前端插件主要验证用户输入信息 注意:该插件不会验证...

  • 小知识积累

    jQuery 序列化表单数据 serialize() 格式:var data = $("form").serial...

  • FormData多文件上传

    问题:jquery Ajax serialize()表单进行序列化方式上传文件 通过$(‘#example’).s...

  • 正则表达式(2016/11/26)

    最近做项目,需要对表单内容做一个提交前的确认,采用jQuery+jQuery-Validate插件进行表单校验。 ...

  • Jquery表单序列化后添加数据

    serialize()、serializeArray()方法都是jquery用户序列化表单的,用于ajax提交的d...

  • jQuery-form插件使用

    介绍:jQuery-form插件是一款表单处理插件,很多时候我们伤处表单数据的时候并不希望使用表单的默认处理行为,...

网友评论

      本文标题:jquery序列化表单插件

      本文链接:https://www.haomeiwen.com/subject/ftwygttx.html