关于jquery表单表单序列化的注意事项详解

本文主要给大家介绍的是关于jquery表单表单序列化的一些注意事项，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：

我们先来讲讲表单中中只读的和有缺陷的的区别：

只读的只对投入和文本区域有效，但是有缺陷的对于所以的表单元素都是有效的，包括单选，复选框等如果表单中使用的有缺陷的那么用户是不能选择的，也就是说这个文本框是无法获取到焦点的，而只读的是可以获取到焦点，只是不能修改，为只读

最重要的一点，在发送表单的时候，表单的控件属性没有名字属性该字段不会发送，也不会形成键值对；表单控件属性是消失了，则该字段不会发送，也不会形成键值对

测试1,没有设置名字属性：

正文表单id='form1 '选择选项值='0 '葫芦娃测试0/选项选项值='1 '葫芦娃测试1/选项选项值='2 '葫芦娃测试2/选项/选择输入类型='button' id='btnSubmit' value='提交name=' BTN提交'/form脚本类型=' text/JavaScript ' $(文档)。ready(function () { $('#btnSubmit ')).单击(函数(){控制台。日志(' serialize : ')；console . log($(“# form 1”).serializeconsole。日志(' SerializeArray : ')；console . log($(“# form 1”).serializer ray())；});});/脚本/正文输出结果如下：

serialize : SerializeArray :[]长度： _ _ proto _ _ :数组(0)

测试2,设置名字属性：

正文表单id='form1 '选择名称='选择葫芦娃'选项值='0 '葫芦娃测试0/选项选项值='1 '葫芦娃测试1/选项选项值='2 '葫芦娃测试2/选项/选择输入类型='button' id='btnSubmit' value='提交name=' BTN提交'/form脚本类型=' text/JavaScript ' $(文档)。ready(function () { $('#btnSubmit ')).单击(函数(){控制台。日志(' serialize : ')；console . log($(“# form 1”).serializeconsole。日志(' SerializeArray : ')；console . log($(“# form 1”).serializer ray())；});});/脚本/正文输出结果如下：

serialize : selecthulwa=0 serializee array :[{…}]{ name : ' selecthulwa '，value : ' 0 ' } length :1 _ _ proto _ _ : array(0)(9501 . 163.com)

测试3,设置只读属性：

正文表单id='form1 '选择名称=' selectHuLuWa ' readonly=' readonly '选项值='0 '葫芦娃测试0/选项选项值='1 '葫芦娃测试1/选项选项值='2 '葫芦娃测试2/选项/选择输入类型='button' id='btnSubmit' value='提交name=' BTN提交'/form脚本类型=' text/JavaScript ' $(文档)。ready(function () { $('#btnSubmit ')).单击(函数(){控制台。日志(' serialize : ')；console . log($(“# form 1”).serializeconsole。日志(' SerializeArray : ')；console . log($(“# form 1”).serializer ray())；});});/脚本/正文测试结果如下：

测试4,设置有缺陷的属性

正文表单id='form1 '选择名称='选择葫芦娃'禁用='已禁用'选项值='0 '葫芦娃测试0/选项选项值='1 '葫芦娃测试1/选项选项值='2 '葫芦娃测试2/选项/选择输入类型='button' id='btnSubmit' value='提交name=' BTN提交'/form脚本类型=' text/JavaScript ' $(文档)。ready(function () { $('#btnSubmit ')).单击(函数(){控制台。日志(' serialize : ')；console . log($(“# form 1”).serializeconsole。日志(' SerializeArray : ')；console . log($(“# form 1”).serializer ray())；});});/脚本/正文测试结果如下：

由此可证表单控件没有名字属性，设置有缺陷的属性是无法进行序列化的。

**如果需要把有缺陷的的进行序列化的方法为：

在序列化之前移除有缺陷的属性，序列化完成后，再添加上即可。**

总结

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持