表单验证

最新推荐文章于 2024-04-30 22:06:17 发布
最新推荐文章于 2024-04-30 22:06:17 发布
阅读量88 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/the0ne/articles/3463058.html
版权 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        *{margin:0;padding:0;}
        a{text-decoration:none;}
        i{font-weight:bold;font-style:normal;}

        .blue{color:#4095ce;}
        .red{color:#f00;}

        .w100{width:100px;}
        .w190{width:190px;}
        .w250{width:250px;}
        .w355{width:355px;}
        .form_main{
            padding:10px;
            margin:50px auto;
            width:630px;
            height:auto;
            border:1px solid #f4f4f4;
            overflow:hidden;
        }
        .row{
            padding:15px 0;
            border-bottom:1px solid #f4f4f4;
        }
        .row input[type=text]:focus,.row input[type=password]:focus{
            border:1px solid #ffd020;            
            outline:none;
            width:250px;
        }
        .row select:focus{
            border:1px solid #ffd020;            
            outline:none;
        }
        .row label{
            display:inline-block;
            padding-right:10px;
            text-align:right;
            vertical-align:middle;
        }
        .row .input_type{
            display:inline-block;
            padding:10px 5px;
            vertical-align:middle;
            border:1px solid #abadb3;
            -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
            -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
            transition:border .2s linear .1s,width .2s linear .1s;
        }
        .row .input_type.cor{
            border:1px solid #a6ce38;
        }
        .row .input_type.err{
            border:1px solid #f00;
        }
        .row .radio_type{
            display:inline-block;
            margin-right:5px;
            vertical-align:middle;
        }
        .row .select_type{
            vertical-align:middle;
            transition:border .2s linear .1s,width .2s linear .1s;
        }
        .row .select_type.cor{
            border:1px solid #f00;
        }
        .row .select_type.err{
            border:1px solid #f00;
        }
        .row .checkbox_type{
            vertical-align:middle;
        }
        .row .textarea_type{
            position:relative;
            padding:5px 0;
            height:100px;
            display:inline-block;
            vertical-align:middle;
            border:1px solid #abadb3;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
        }
        .row .intextarea{
            display:inline-block;
            float:left;
            margin-left:7px;
            padding:5px;
            width:330px;
            height:70px;
            text-indent:20px;
            line-height:20px;
            text-align:justify;
            border:0;
            resize:none;
            outline:none;
            overflow-y:hidden;
            overflow:hidden;
        }
        .row .textarea_type:hover{
            border:1px solid #ffd020;         
        }
        .row .word_msg{
            position:absolute;
            right:5px;
            bottom:3px;
            font-size:13px;
            color:#999;
        }
        .row .argee_text{
            font-size:14px;
            color:#999;
        }
        .row .regBtn{
            width:120px;
            height:40px;
            line-height:40px;
            font-size:16px;
            font-family:'Microsoft YaHei';
            text-align:center;
            border-radius:5px;
            color:#a33300;
            background:#ffd020;
            background:-webkit-linear-gradient(top,#ffd020,#ffc313);
            border:1px solid #e79f14;
            cursor:pointer;
        }
        .row .regBtn:hover{
            background:#ffda59;
            background:-webkit-linear-gradient(top,#ffda59,#ffc806);
        }
            .row .regBtn:active {
                 border:1px solid #e79f14;
                 color:#e44700;
                 background:#ffd020;
            }
        .row span{
            display:inline-block;
            margin-left:10px;
            vertical-align:middle;
            font-size:12px;
            color:#4095ce;
        }
        .row span.err{
            color:#f00;
        }
        .row span.cor{
            color:#a6ce38;
        }
    </style>
</head>
<body>
    <div class="form_main">
        <form action="http://www.baidu.com" method="post" id="form" target="_blank">
            <div class="row">
                <label for="username" class="w100">用户名</label>
                <input type="text" class="input_type w190" id="username" must="true" />
            </div>
            <div class="row">
                <label for="password" class="w100">密码</label>
                <input type="password" class="input_type w190" id="password" must="true" />
            </div>
            <div class="row">
                <label for="repassword" class="w100">确认密码</label>
                <input type="password" class="input_type w190" id="repassword" must="true" />
            </div>
            <div class="row">
                <label for="email" class="w100">电子邮箱</label>
                <input type="text" class="input_type w250" id="email" must="true" />
            </div>
            <div class="row">
                <label for="info" class="w100">个人简介</label><span class="w355 textarea_type" id="textarea_type">
                    <textarea id="info" class="intextarea" autocomplete="off" must="true" ></textarea>
                    <div class="word_msg" id="word_msg">还可以输入<i>100</i>字</div>
                </span>
            </div>
            <div class="row">
                <label for="" class="w100">性别</label>
                <input type="radio" class="radio_type" id="man" name="sex" checked="checked" /><label for="man">男</label>
                <input type="radio" class="radio_type" id="woman" name="sex" /><label for="woman">女</label>
            </div>
            <div class="row">
                <label for="job" class="w100">职业</label>
                <select class="select_type" id="job" must="true">
                    <option value="0" selected="selected">选择职业</option>
                    <option value="1">平面设计师</option>
                    <option value="2">绘画/插画师</option>
                    <option value="3">三维/动画师</option>
                    <option value="4">网页设计师</option>
                    <option value="5">网页制作</option>
                    <option value="6">GUI设计师</option>
                    <option value="7">Flash动画师</option>
                    <option value="8">产品设计师</option>
                </select>
            </div>
            <div class="row" style="display:none;">
                <label>现居</label>
                <select class="select_type">
                    <option value="0" selected="selected">选择省份</option>
                    <option value="1">北京</option>
                    <option value="2">上海</option>
                    <option value="3">天津</option>
                    <option value="4">重庆</option>
                    <option value="5">黑龙江</option>
                    <option value="6">辽宁</option>
                    <option value="7">吉林</option>
                    <option value="8">河北</option>
                    <option value="9">内蒙古</option>
                    <option value="10">陕西</option>
                    <option value="11">山西</option>
                    <option value="12">甘肃</option>
                    <option value="13">宁夏</option>
                    <option value="14">新疆</option>
                    <option value="15">西藏</option>
                    <option value="16">青海</option>
                    <option value="17">四川</option>
                    <option value="18">云南</option>
                    <option value="19">贵州</option>
                    <option value="20">湖南</option>
                    <option value="21">湖北</option>
                    <option value="22">河南</option>
                    <option value="23">山东</option>
                    <option value="24">安徽</option>
                    <option value="25">江苏</option>
                    <option value="26">浙江</option>
                    <option value="27">台湾</option>
                    <option value="28">香港</option>
                    <option value="29">澳门</option>
                    <option value="30">广东</option>
                    <option value="31">广西</option>
                    <option value="32">江西</option>
                    <option value="33">福建</option>
                    <option value="34">海南</option>
                    <option value="35">其它</option>
                    <option value="36">美国</option>
                    <option value="37">欧洲</option>
                    <option value="38">日本</option>
                    <option value="39">韩国</option>
                    <option value="40">新加坡</option>
                    <option value="41">加拿大</option>
                    <option value="42">亚　洲</option>
                    <option value="43">非　洲</option>
                    <option value="44">澳　洲</option>
                    <option value="45">南美洲</option>
                    <option value="46">东南亚</option>
                </select>
            </div>
            <div class="row">
                <label class="w100"></label>
                <input type="checkbox" name="checkbox" class="checkbox_type" id="agree_checkbox" must="true" />
                <label class="argee_text" for="agree_checkbox">我已阅读并接受 <a href="" class="blue">版权声明</a> 和 <a href="" class="blue">隐私保护</a> 条款</label>
            </div>
            <div class="row">
                <label class="w100"></label>
                <input type="submit" value="免费注册" class="regBtn" id="regBtn" />
            </div>
        </form>
    </div>
    <script>
        window.onload = function () {            
            var oForm = document.getElementById('form'),
                inputText1 = document.getElementById('username'),
                passwordID = document.getElementById('password'),
                repasswordID = document.getElementById('repassword'),
                emailID = document.getElementById('email'),
                selectID = document.getElementById('job'),
                oAgree_checkbox = document.getElementById('agree_checkbox'),
                oTextarea_box = document.getElementById('textarea_type'),
                oInfo = document.getElementById('info'),
                oWord_msg = document.getElementById('word_msg');
            /*
                调用方法：
                HTML： <input type="" must="true" /> 加了must="true"为需要验证的项 
                JS：
                    var checkForm = new Check_form();
                    checkForm.init({
                        formID: formID,     //表单的id（必填）
                        text_msg: [],       //验证信息提示，（必填），         例：text_msg: ['4-16个字符，字母/中文/数字/下划线。', '4-16个字符，区分大小写。']
                        err_text: [],       //验证错误时的信息提示（必填），   例：text_msg: ['您输入的用户名不符合要求，请检查。', '密码不能为空请重新输入。']
                        cor_text: [],       //验证正确时的信息提示（必填），   例：text_msg: ['输入正确。', '输入正确。']
                        check_arr:[],       //验证方法（顺序书写）
                        btnFn:function(){}, //扩展添加新的验证数据
                    });
            */

            var f1 = new Check_form();
            f1.init({
                formID: oForm,//表单ID
                text_msg: ['4-16个字符，字母/中文/数字/下划线。', '4-16个字符，区分大小写。', '请再次输入密码，区分大小写。', '请输入有效的邮箱地址。', '', '您的职业是？', ''],
                err_text: ['您输入的用户名不符合要求，请检查。', '密码不能为空请重新输入。', '两次密码不一致，请重新输入。', '您输入的邮箱不符合要求，请检查。', '已超出字符限制。', '您的职业还没选择哦~', '您还没接受条款哦~'],
                cor_text: ['可用的用户名。', '输入正确。', '输入正确。', '输入正确。', ' COOL！', 'COOL！', '您已接受条款'],
                checkArr: [     //验证方法（按顺序书写）
                    check_inputText1 = function () {
                        if (inputText1.value == '' || inputText1.value.length >= 17) {
                            return false;
                        }
                        else {
                            return true;
                        }
                    },
                    check_pass = function () {
                        if (passwordID.value == '' || passwordID.value.length >= 17) {
                            return false;
                        }
                        else {
                            return true;
                        }
                    },
                    check_repass = function () {
                        if (repasswordID.value != passwordID.value || repasswordID.value == '') {
                            return false;
                        }
                        else {
                            return true;
                        }
                    },
                    check_email = function () {
                        var re = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
                        if (re.test(emailID.value) != true) {
                            return false;
                        }
                        else {
                            return true;
                        }
                    },
                    check_word = function () {
                        if (stringSize(oInfo.value) > 100) {
                            return false;
                        }
                        else {
                            return true;
                        }
                        function stringSize(s) {
                            return s.length + (s.match(/[^\x00-\xff]/g) || '').length;
                        }
                    },
                    check_select1 = function () {
                        if (selectID.value == 0) {
                            return false;
                        }
                        else {
                            return true;
                        }
                    },
                    check_agreeTk = function () {
                        if (oAgree_checkbox.checked) {
                            return true;
                        }
                        else {
                            return false;
                        }
                    }
                ],
                checkWord: {//textarea字符验证
                    textareaID: oInfo,
                    wordID: oWord_msg,
                    maxNum: 100
                }

                /*btnFn: function () {//函数只能返回true/false
                    f1.createErrOrCor(selectID, 4);
                    f1.createErrOrCor(oAgree_checkbox, 5);
                    f1.createErrOrCor(oTextarea_box, 6);
                    var cSelect = (function () {
                        if (selectID.value) {
                            return true;
                        }
                        else {
                            return false;
                        }
                    })();
                    var cTk = (function () {
                        if (oAgree_checkbox.checked) {
                            return true;
                        }
                        else {
                            return false;
                        }
                    })();
                    return cSelect && cTk;
                }*/
            });
            f1.word_dal();
        };

        /*****************************************************************************************************/
        function Check_form() { };
        Check_form.prototype = {
            init: function (opt) {
                this.formID = opt.formID;
                this.text_msg = opt.text_msg;
                this.err_text = opt.err_text;
                this.cor_text = opt.cor_text;
                this.checkArr = opt.checkArr;
                this.checkWord = opt.checkWord;
                this.startCheck();
                this.btnClick(opt.btnFn);
            },
            startCheck: function () {//开始验证
                var _this = this;
                this.aInput = this.formID.getElementsByTagName('input');
                this.aSelect = this.formID.getElementsByTagName('select');
                this.aTextarea = this.formID.getElementsByTagName('textarea');
                this.screen(
                    function (thisCheck, Index) {//给需要验证的项绑定事件
                        _this.onFocus(thisCheck, Index);
                        _this.onBlurs(thisCheck, Index);
                    }
                );
            },
            screen: function (Fn) {//筛选出需要验证的项
                var _this = this;
                var num = 0;
                var t = 0;
                this.form_arr = this.formID.elements;
                for (var i = 0; i < this.form_arr.length; i++) {
                    (function (Index) {
                        if (_this.form_arr[Index].getAttribute('must') == 'true') {
                            Fn(_this.form_arr[Index], num++);
                            t++;
                            if (num >= t) {
                                num = t;
                            }
                        }
                    })(i);
                };
            },
            onFocus: function (thisCheck, Index) {//获得焦点
                var _this = this;
                myEvent(thisCheck, 'focus', function () {
                    thisCheck.parentNode.removeChild(thisCheck.nextSibling);
                    var oSpan = document.createElement('span');
                    oSpan.innerHTML = _this.text_msg[Index];
                    thisCheck.parentNode.insertBefore(oSpan, thisCheck.nextSibling);
                });
            },
            onBlurs: function (thisCheck, Index) {//失去焦点
                var _this = this;
                myEvent(thisCheck, 'blur', function () {
                    _this.createErrOrCor(thisCheck, Index);
                });
                
            },
            createErrOrCor: function (thisCheck, Index) {//创建span （错误或者正确的状态）。
                var _this = this;
                _this.verify(Index);
                thisCheck.parentNode.removeChild(thisCheck.nextSibling);
                var oSpan = document.createElement('span');
                if (_this.result[Index]) {
                    oSpan.innerHTML = _this.cor_text[Index];
                    oSpan.className = 'cor';
                    oSpan.style.border = 'none';
                    thisCheck.style.border = '1px solid #a6ce38';
                    thisCheck.parentNode.insertBefore(oSpan, thisCheck.nextSibling);
                }
                else {
                    oSpan.innerHTML = _this.err_text[Index];
                    oSpan.className = 'err';
                    oSpan.style.border = 'none';
                    thisCheck.style.border = '1px solid #f00';
                    thisCheck.parentNode.insertBefore(oSpan, thisCheck.nextSibling);
                }
            },
            verify: function (Index) {//验证判断
                var _this = this;
                this.result = [];
                if (Index === 0 || Index) {
                    this.result[Index] = this.checkArr[Index]();
                }
                else {
                    for (var i = 0; i < this.checkArr.length; i++) {
                        this.result.push(this.checkArr[i]());
                    };
                }
            },
            btnClick: function (f) {//提交验证          
                var _this = this;
                this.formID.onsubmit = function () {
                    var n = true;
                    _this.screen(function (thisCheck, Index) {
                        _this.createErrOrCor(thisCheck, Index);
                        if (_this.result[Index] == false) {
                            n = false;
                        }
                        else if (_this.result[Index] == _this.result[Index] + 1) {
                            n = true;
                        }
                    });
                    if (f) {
                        return f() && n;
                    }
                    else {
                        return n;
                    }
                };
            },
            word_dal: function () {//textarea输入字符判断
                var _this = this;
                myEvent(_this.checkWord.textareaID, 'keyup', function () {
                    var text_len = stringSize(_this.checkWord.textareaID.value);
                    _this.checkWord.wordID.innerHTML = text_len <= _this.checkWord.maxNum ? '还可以输入' + '<i>' + (_this.checkWord.maxNum - text_len) + '</i>' + '字' : '已超出' + '<i>' + -(_this.checkWord.maxNum - text_len) + '</i>' + '字';
                    function stringSize(s) {
                        return s.length + (s.match(/[^\x00-\xff]/g) || '').length;
                    }
                });
            }
        };
        function myEvent(obj, sEvent, fn) {
            obj.attachEvent ? obj.attachEvent('on' + sEvent, fn) : obj.addEventListener(sEvent, fn, false);
        };
    </script>
</body>
</html>

 

转载于:https://www.cnblogs.com/the0ne/articles/3463058.html

aogy04408
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 表单验证
01-19
JavaScript 表单验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 表单数据经常需要使用 JavaScript 来验证其正确性： 验证表单数据是否为空？ 验证输入是否是一个正确的email地址？ 验证日期是否输入正确？ 验证表单输入内容是否为数字型？ 必填（或必选）项目 下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）： function validateF
JavaScript实现仿网易通行证表单验证
10-24
主要介绍了JavaScript实现仿网易通行证表单验证，十分的实用，有需要的小伙伴可以参考下。
HTML5 表单验证失败的提示语问题
12-13
前言 前端的童鞋在写页面时, 都不可避免的总会踩到 表单验证 这个坑. 这时候, 我们就要跪了, 因为要写一堆 js 来检查. 但是自从 H5 出现后, 很多常见的 表达验证 , 它都已经帮我们实现了, 让我们减轻了很多负担, 就好像下面的: 邮箱地址验证:   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <form action=""> 邮箱: <input
JS 表单验证大全
10-28
JS 表单验证大全,整理的比较全了，需要的朋友可以查找下。
bootstarp表单验证
05-10
集成bootstarp前端样式和Jquery的常见表单元素验证示例代码
PHP表单验证
x-2010的笔记
07-03 4449
这里将介绍如何使用PHP验证客户端提交的表单数据。在处理PHP表单时需要考虑安全性，这里将展示PHP表单数据安全处理，为防止黑客以及垃圾信息就需要对表单进行数据安全验证，实例介绍的HTML表单中包含以下输入字段：必须与可选文本字段，单选按钮，及提交按钮：form_verify.php:&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &l...
javascript表单验证
lijie1025的博客
03-16 1801
正则表达式适用单个字符串来描述，匹配一系列符合某个句法规则的字符串搜索模式用某种模式去匹配一类字符串的公式通过使用正则表达式，可以：1.测试字符串内的模式。2.替换文本。3.从字符串中提取字符串。//字面量方式，其由包含在斜杆之间的模式组成，如下所示：//构造函数方式，调用RegExp对象的构造函数，如下所示：var regex=/ 正则规则 /;//调用方法判断是否满足要求var flag = regex.test( '内容' );
angular表单验证
yanyi24的博客
04-08 3402
表单验证 通常，我们都需要对用户的表单输入做验证，以保证数据的整体质量。 Angular也有两种验证表单的形式： 使用属性验证，用于模板驱动表单； 使用验证器函数进行验证，用于响应式表单。 验证器（Validator）函数 验证器函数可以是同步函数，也可以是异步函数。 同步验证器：接受控件实例，然后返回验证错误信息或 null。在实例化一个 FormControl时把它作为构造函数的第二个参数传进去； 异步验证器 ：接受实例并返回一个 Promise或 Observable，稍后会发出一组验证错误或
jQuery实现表单验证
热门推荐
生有涯，知无涯
04-24 3万+
1.基于html表单，利用jQuery实现表单验证功能。 2.html基本结构和样式： 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
JavaScript表单验证
weixin_52629592的博客
06-14 9946
表单验证是JavaScript的高级选项之一.我们可以通过JavaScript在网页中对即将送往服务器的HTML表单中的输入数据进行验证.如果所输入内容与所需不符,我们就在页面中进行提示.这样就使得我们不用频繁的与服务器进行交互,减少了IO的频率,提高了效率.在表单验证中,我们通常使用如下的验证功能:验证用户名与密码为指定格式在验证用户名与密码时,我们通常验证用户名与密码不能为空,用户名和密码必须在指定长度范围内,用户名和密码由数字和字母组成(使用正则表达式)等等验证单选框所选内容最常见的验证单选框就是验证
Vue快速实现通用表单验证的方法
10-15
主要介绍了Vue快速实现通用表单验证的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vant表单验证
weixin_37863088的博客
11-15 1455
vant表单验证validator: (value) =>{true or false}
laravel表单验证
J20020212的博客
03-10 1783
laravel表单验证的两种方法 文章目录`laravel`表单验证的两种方法方法1：直接在控制器中写方法方法2:创建请求文件（推荐） 方法1：直接在控制器中写方法 直接在需要用到表单验证的控制器里面编写代码 如下所示在indexController控制器中 用show方法接收到表单传过来的数据，进行验证 //indexController <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Illumin
Django 表单验证
zhouzhiwengang的专栏
08-11 1398
Django 表单类简介：用户表单是Web端的一项基本功能,大而全的Django框架中自然带有现成的基础Form对象 Form表单的功能： 1、自动生成HTML表单元素 2、检查表单数据的合法性（后端验证） 3、如果验证错误，重新显示表单（数据不会重置） 4、数据类型转换（字符类型的数据转换成相应的Python类型） Django 表单一般实现步骤： 第一步：在models.py定义实体对象Book from django.db import models # Create your
EasyUI之表单验证
波波烤鸭的博客
05-06 3596
  当我们开发一个管理类项目的时候，EasyUI是我常用的一个jquery框架，而表单验证显然是我们必须要实现的功能，而使用基于EasyUI的验证功能就比较简便了，本文来介绍下具体的用法 EasyUI表单验证 1.官方提供的验证   验证规则是通过使用 required 和 validType 属性来定义的。 规则 说明 email 匹配 email 正则表达式规则 url 匹...
bootstrap表单验证
孙霸天的专栏
01-27 5520
bootsrarp为表单验证提供了插件：BootstrapValidator，可以在官网和GitHub上查看 1.引入头文件： &lt;script src="${pageContext.request.contextPath}/lib/jQuery/jquery-3.3.1.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href=...
常见的 HTML 标准
csdn_ad986ad的博客
04-30 878
HTML（Hypertext Markup Language）有多个版本和标准。
android手机应用源码Imsdroid语音视频通话源码.rar
最新发布
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
05-20
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
elementuiplus表单验证
08-03
Element UI Plus是一个基于Element UI的扩展库，提供了更多的表单验证功能。在Element UI Plus中，可以使用required属性来设置必填项，使用trigger: 'blur'来在鼠标光标消失时进行验证，使用message来设置条件不满足...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值