使用Jquery serialize序列化Form表单

﹏ヽ暗。殇╰゛Y 2022-07-30 14:27 284阅读 0赞

**HTML代码**

<form>

<div class="login-screen">  
        <div class="login-form">

<div class="form-group">

<p>账号</p>  
                <input type="text" name="UserCode" class="form-control login-field" value="" placeholder="Enter Your Code" id="UserCode">  
            </div>  
  
  
            <div class="form-group">  
                <p>密码</p>  
                <input type="password" name="Password" class="form-control login-field" value="" placeholder="Password" id="Password">  
            </div>  
  
  
            <div class="form-group">  
                <p>确认密码</p>  
                <input type="password" name="ConfirmPassword" class="form-control login-field" value="" placeholder="Confirm Password" id="ConfirmPassword">

</div>

<button class="btn btn-primary btn-lg btn-block" οnclick="Register\_Index.RegisterSubmit()">Register</button>  
        </div>  
    </div>

</form>

**js代码**

var Register\_Index = function() \{  
  
  
    return \{  
        RegisterSubmit: registerSubmit  
    \}  
  
  
    function registerSubmit() \{  
        alert($("form").serialize());  
    \}  
\}();

注：标签必须加上Name属性

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE2OTk4OTQ1_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE2OTk4OTQ1_size_16_color_FFFFFF_t_70]: /images/20220724/ea61046815884220a834567e969c6973.png

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jQuery实现Ajax 表单的序列化.serialize() (二）

登录时，用无刷新实现，有表单提交的Servlet中处理数据响应到页面! ![20190426120746199.png][]![20190426120802886.png

忘是亡心i/ 2023年10月18日 17:43/ 0 赞/ 103 阅读

相关使用FormData对form表单序列化

一、FormData作用 1. 将form表单元素的name与value进行组合，实现表单数据的序列化 2. 异步上传二进制文件二、创建formData对象

傷城~/ 2023年03月13日 05:15/ 0 赞/ 20 阅读

相关 jquery之交付序列化表单(serialize)及乱码处理

jquery之提交序列化表单(serialize)及乱码处理 1 提交乱码处理 JSP文件声明如下 <%@ page language="jav

r囧r小猫/ 2022年08月19日 00:28/ 0 赞/ 160 阅读

相关使用Jquery serialize序列化Form表单

HTML代码 <form> <div class="login-screen"> <div class="login-form">

﹏ヽ暗。殇╰゛Y/ 2022年07月30日 14:27/ 0 赞/ 285 阅读

相关 jQuery序列化表单的方法总结（serialize()、serializeArray()）

我的个人博客开通了，地址：[https://timewentby.com][https_timewentby.com] 欢迎访问 \\jQuery序列化表单的方法总结现在

「爱情、让人受尽委屈。」/ 2022年06月15日 04:13/ 0 赞/ 216 阅读

相关 select表单序列化serialize()出现问题

今天在序列化select时，遇到了一个问题 HTML： <input name="id" type="text"/> <select class=

我会带着你远行/ 2022年06月04日 07:44/ 0 赞/ 254 阅读

相关 jquery 表单序列化

jQuery序列化表单的方法总结现在这里贴出案例中静态的html网页内容： <!DOCTYPE html> <html lang="zh">

左手的ㄟ右手/ 2022年05月27日 07:39/ 0 赞/ 177 阅读

相关 jQuery序列化表单数据 serialize()、serializeArray()及使用

1、 serialize() 方法：　　serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。　　您可以选择一个或多个表单元素（比如 input

谁践踏了优雅/ 2022年03月30日 14:24/ 0 赞/ 225 阅读

相关 jquery序列化表单

譬如提交一个登陆的from表单： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

一时失言乱红尘/ 2022年03月15日 07:40/ 0 赞/ 250 阅读

相关 jQuery serialize()、serializeArray()方法实现表单序列化

serialize() serialize()方法作用于一个JQuery对象，它能够将DOM元素内容序列化为字符串。与JQuery中其他方法一样，serialize

冷不防/ 2021年06月24日 16:11/ 0 赞/ 346 阅读