Zepto.js-表单方法

最新推荐文章于 2021-12-29 11:42:58 发布

转载最新推荐文章于 2021-12-29 11:42:58 发布 · 197 阅读

本文详细介绍了在Ajax POST请求中如何使用JavaScript的serialize()和serializeArray()方法将表单元素值序列化为URL编码的字符串或数组，以及如何通过submit()方法触发表单提交事件。重点讨论了序列化过程对按钮、未选中的复选框等元素的处理，以及在触发提交事件时的注意事项。

加载模块：form.js

serialize

serialize() ⇒ string

在Ajax post请求中将用作提交的表单元素的值编译成 URL编码的字符串。 serializeArray

serializeArray() ⇒ array

将用作提交的表单元素的值编译成拥有name和value对象组成的数组。不能使用的表单元素，buttons，未选中的radio buttons/checkboxs 将会被跳过。结果不包含file inputs的数据。

$('form').serializeArray()
//=> [{ name: 'size', value: 'micro' },
//    { name: 'name', value: 'Zepto' }]

submit

submit() ⇒ self submit(function(e){ ... }) ⇒ self

为 "submit" 事件绑定一个处理函数，或者触发元素上的 "submit" 事件。当没有给定function参数时，触发当前表单“submit”事件，并且执行默认的提交表单行为，除非调用了 preventDefault()。

当给定function参数时，在当前元素上它简单得为其在“submit”事件绑定一个处理函数。

// 触发当前表单“submit”事件，并且执行默认的提交表单行为
$("#btn").on('click', function () {
    // 触发当前表单“submit”事件，并且执行默认的提交表单行为
    $('form').submit();
});

$('form').submit(function (e) {
    // 表单验证等操作...
    if (true) {
        return false;
    }
});