表单验证demo

最新推荐文章于 2022-08-18 21:53:36 发布
最新推荐文章于 2022-08-18 21:53:36 发布
阅读量861 收藏
点赞数
分类专栏： 经验总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Linjing127218/article/details/80546737
版权
/*
attribute value 数据格式 说明
1.required true/false boolen 是否必填
2.type ip/mobile/name/common/code/url/email/tel/telOrMobile/port/mac/identity/int/plateNumber string 类型
3.fixLength 1/2... number 固定长度
4.minLength 1/2... number 最小长度
5.maxLength 1/2... number 最大长度
6.extra [{ required: true, message: '必填项' , trigger: 'blur'}] array 自定义内容
*/
const rules = {
ip: new RegExp( '^(1 \\ d{2}|2[0-4] \\ d|25[0-5]|[1-9] \\ d|[1-9]) \\ .' +
'(1 \\ d{2}|2[0-4] \\ d|25[0-5]|[1-9] \\ d| \\ d) \\ .' +
'(1 \\ d{2}|2[0-4] \\ d|25[0-5]|[1-9] \\ d| \\ d) \\ .' +
'(1 \\ d{2}|2[0-4] \\ d|25[0-5]|[1-9] \\ d| \\ d)$'),
mobile: / ^ [ 1 ][ 1-9 ][ 0-9 ] {9} $ /,
name: / [^ A-Za-z0-9 \u4e00 - \u9fa5 ] + /, // 姓名特殊字符校验
common: / [ \\ /:*?"<|'%>&+ ] /, // 不包含特殊字符\/:*?"<|'%>&+校验
username: / [^ a-z0-9 ] + /, // 数字和小写字母
numberAndLetter: / [^ A-Za-z0-9 ] + /, // 数字和字母
chinese: / [ \u4E00 - \u9FA5 ] + / i, // 汉字
noChinese: / ^ [ \u4e00 - \u9fa5 ] + /, // 不包含汉字
version: / ^ [ \\ /:*?"<|'%>&+ \u4E00 - \u9FA5 ] + $ /, // 不包含汉字和特殊字符
code: / [^ A-Za-z0-9_ ] + /, // 编号只允许字母、数字和下划线！
number: / [^ 0-9 ] + /, // 内部编码只允许数字！
url: / (( http | https ) : \/\/ )(([ a-zA-Z0-9 \. _- ] +\. [ a-zA-Z ] {2,6} ) | ([ 0-9 ] {1,3}\. [ 0-9 ] {1,3}\. [ 0-9 ] {1,3}\. [ 0-9 ] {1,3} ))( : [ 0-9 ] {1,4} ) * ( \/ [ a-zA-Z0-9 \& %_ \.\/ -~- ] * ) ? /,
email: / ^ ([ a-zA-Z0-9_- ]) + @ ([ a-zA-Z0-9_- ]) + (( \. [ a-zA-Z0-9_- ] {2,3} ) {1,2} ) $ /,
tel: / ( ^ [ 0 ][ 1-9 ] {2,3} - [ 1-9 ] {1} [ 0-9 ] {6,8} $ ) | ( ^ [ 1-9 ] {1} [ 0-9 ] {6,8} $ ) /,
telOrMobile: / ( ^ ( \d {3,4} - ) ? \d {7,8} ) $| ( ^ [ 1 ][ 1-9 ][ 0-9 ] {9} ) $ /,
fixLength: 0,
identity: {
isIDCard1: / ^ [ 1-9 ] \d {7} (( 0\d ) | ( 1 [ 0-2 ]))(([ 0|1|2 ] \d ) | 3 [ 0-1 ]) \d {3} $ /, // 15位身份证
isIDCard2: / ^ [ 1-9 ] \d {5} ( 19\d {2} | [ 2-9 ] \d {3} )(( 0\d ) | ( 1 [ 0-2 ]))(([ 0|1|2 ] \d ) | 3 [ 0-1 ])( \d {4} | \d {3} X ) $ / i, // 18位身份证
aCity: {
11 : '北京',
12 : '天津',
13 : '河北',
14 : '山西',
15 : '内蒙古',
21 : '辽宁',
22 : '吉林',
23 : '黑龙江',
31 : '上海',
32 : '江苏',
33 : '浙江',
34 : '安徽',
35 : '福建',
36 : '江西',
37 : '山东',
41 : '河南',
42 : '湖北',
43 : '湖南',
44 : '广东',
45 : '广西',
46 : '海南',
50 : '重庆',
51 : '四川',
52 : '贵州',
53 : '云南',
54 : '西藏',
61 : '陕西',
62 : '甘肃',
63 : '青海',
64 : '宁夏',
65 : '新疆',
71 : '台湾',
81 : '香港',
82 : '澳门',
91 : '国外'
},
stard: '10X98765432', // 最后一位身份证的号码
first: [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2] // 1-17系数
}
}

const info = {
required: '此项为必填项!',
ip: '请输入有效的IP',
mobile: '请输入有效的手机号',
name: '请输入1~32位数字、字母、中文',
port: '请输入 1 到 65535 之间的端口值',
common: '不包含特殊字符 \\ /:*?"<| \' %>&+',
username: '请输入数字、小写字母',
numberAndLetter: '请输入数字、字母',
chinese: '请输入汉字',
noChinese: '请输入字母、数字、字符',
version: '不包含汉字、特殊字符',
code: '请输入有效的编号(字母、数字、下划线的组合)',
number: '请输入数字',
url: '请输入有效的URL',
email: '请输入有效的邮箱地址',
tel: '请输入有效的电话号码',
telOrMobile: '请输入有效的手机号或者电话号码',
mac: '请输入有效的mac地址',
identity: '请输入有效的身份证号码',
int: '请输入整数'
}

const validateIp = ( rule, value, callback) => {
if ( value && value. length > 0) {
var pattern = rules. ip
if ( value && (! pattern. test( value) || value == '255.255.255.255')) {
callback( new Error( info. ip))
}
callback()
}
callback()
}
const validateMobile = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. mobile. test( value)) {
callback()
}
callback( new Error( info. mobile))
}
callback()
}

const validateName = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. name. test( value)) {
callback( new Error( info. name))
}
callback()
}
callback()
}

const validatePort = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( isNaN( value) || value > 65535 || value < 1) {
callback( new Error( info. port))
}
callback()
}
callback()
}

const validateCommon = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. common. test( value)) {
callback( new Error( info. common))
}
callback()
}
callback()
}

const validateUserName = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. username. test( value)) {
callback( new Error( info. username))
}
callback()
}
callback()
}

const validateNumberAndLetter = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. numberAndLetter. test( value)) {
callback( new Error( info. numberAndLetter))
}
callback()
}
callback()
}

const validateChinese = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. chinese. test( value)) {
callback( new Error( info. chinese))
}
callback()
}
callback()
}

const validateNoChinese = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. noChinese. test( value)) {
callback( new Error( info. noChinese))
}
callback()
}
callback()
}
const validateVersion = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. version. test( value)) {
callback( new Error( info. version))
}
callback()
}
callback()
}

const validateCode = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. code. test( value)) {
callback( new Error( info. code))
}
callback()
}
callback()
}

const validateNumber = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. number. test( value)) {
callback( new Error( info. number))
}
callback()
}
callback()
}

const validateUrl = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. url. test( value)) {
callback()
}
callback( new Error( info. url))
}
callback()
}

const validateEmail = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. email. test( value)) {
callback()
}
callback( new Error( info. email))
}
callback()
}

const validateTel = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. tel. test( value)) {
callback()
}
callback( new Error( info. tel))
}
callback()
}

const validateTelOrMobile = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( rules. telOrMobile. test( value)) {
callback()
}
callback( new Error( info. telOrMobile))
}
callback()
}

const validateMac = ( rule, value, callback) => {
let macs = null
/* macs = value.indexOf(':') > 0 ? value.split(":") : value.split("-"); */
if ( value. indexOf( ':') > 0) {
macs = value. split( ':')
} else {
macs = value. split( '-')
}
if ( macs == null || macs. length != 6) {
callback( new Error( info. mac))
}
for ( var s = 0; s < 6; s++) {
var temp = parseInt( macs[ s], 16)
if ( isNaN( temp) || temp < 0 || temp > 255) {
callback( new Error( info. mac))
}
}
callback()
}

const validateIdentity = ( rule, value, callback) => {
let sum = 0,
year, month, day, birthday,
isIDCard1 = rules. identity. isIDCard1,
isIDCard2 = rules. identity. isIDCard2,
aCity = rules. identity. aCity,
first = rules. identity. first,
stard = rules. identity. stard
if ( value. length == 15) {
year = '19' + value. substr( 6, 2)
month = value. substr( 8, 2)
day = value. substr( 10, 2)
birthday = '19' + value. substr( 6, 6)
if (! isIDCard1. test( value)) {
callback( new Error( info. identity))
}
} else if ( value. length == 18) {
year = value. substr( 6, 4)
month = value. substr( 10, 2)
day = value. substr( 12, 2)
birthday = value. substr( 6, 8)
if (! isIDCard2. test( value)) {
callback( new Error( info. identity))
}
// 检测身份证最后一位是否合法
for ( var i = 0; i < value. length - 1; i++) {
sum += value[ i] * first[ i]
}
var result = sum % 11
var last = stard[ result] // 计算出来的最后一位身份证号码
if ( value[ value. length - 1]. toUpperCase() !== last) {
callback( new Error( info. identity))
}
}
// 检测证件地区是否合法
if ( aCity[ parseInt( value. substr( 0, 2))] == null) {
callback( new Error( info. identity))
}
// 检测出生年月是否合法
if ( birthday != dateToString( new Date( year + '/' + month + '/' + day))) { // 校验日期是否合法
callback( new Error( info. identity))
}
callback()
}

const validateInt = ( rule, value, callback) => {
if ( value && value. length > 0) {
if ( /\D/. test( value)) {
callback( new Error( info. int))
} else {
callback()
}
}
}

const validateFixLength = ( fixLength) => {
return function( rule, value, callback) {
if ( value && value. length > 0) {
if ( value. length != fixLength) {
callback( new Error( '请输入' + fixLength + '个字符'))
}
callback()
}
callback()
}
}

const dateToString = ( date) => {
if ( date instanceof Date) {
var year = date. getFullYear()
var month = date. getMonth() + 1
month = month < 10 ? '0' + month : month
var day = date. getDate()
day = day < 10 ? '0' + day : day
return year + '' + month + '' + day
}
return ''
}

const validator = ( obj) => {
let validatorArray = []

// 判断是否为必填
if ( obj. required === 'true' || obj. required === true || obj. required === 'required') {
validatorArray. push({ required: true, message: info. required, trigger: 'blur' })
}

// 判断type的类型
if (!( obj. type === 'undefined' || obj. type === undefined || obj. type === null)) {
switch ( obj. type) {
case 'ip':
validatorArray. push({ validator: validateIp, trigger: 'blur' })
break
case 'mobile':
validatorArray. push({ validator: validateMobile, trigger: 'blur' })
break
case 'name':
validatorArray. push({ validator: validateName, trigger: 'blur' })
break
case 'port':
validatorArray. push({ validator: validatePort, trigger: 'blur' })
break
case 'common':
validatorArray. push({ validator: validateCommon, trigger: 'blur' })
break
case 'username':
validatorArray. push({ validator: validateUserName, trigger: 'blur' })
break
case 'numberAndLetter':
validatorArray. push({ validator: validateNumberAndLetter, trigger: 'blur' })
break
case 'chinese':
validatorArray. push({ validator: validateChinese, trigger: 'blur' })
break
case 'noChinese':
validatorArray. push({ validator: validateNoChinese, trigger: 'blur' })
break
case 'version':
validatorArray. push({ validator: validateVersion, trigger: 'blur' })
break
case 'code':
validatorArray. push({ validator: validateCode, trigger: 'blur' })
break
case 'number':
validatorArray. push({ validator: validateNumber, trigger: 'blur' })
break
case 'url':
validatorArray. push({ validator: validateUrl, trigger: 'blur' })
break
case 'email':
validatorArray. push({ validator: validateEmail, trigger: 'blur' })
break
case 'tel':
validatorArray. push({ validator: validateTel, trigger: 'blur' })
break
case 'telOrMobile':
validatorArray. push({ validator: validateTelOrMobile, trigger: 'blur' })
break
case 'mac':
validatorArray. push({ validator: validateMac, trigger: 'blur' })
break
case 'identity':
validatorArray. push({ validator: validateIdentity, trigger: 'blur' })
break
case 'int':
validatorArray. push({ validator: validateInt, trigger: 'blur' })
break
default:
console. error( '【Validate Error】No such type')
return []
}
}

// 固定长度
if (!( obj. fixLength === 'undefined' || obj. fixLength === undefined || obj. fixLength === null)) {
if ( isNaN( obj. fixLength)) {
console. error( '【Validate Error】fixLength is not a Number')
return []
}
validatorArray. push({ validator: validateFixLength( obj. fixLength), trigger: 'blur' })
}

// 最小长度
if (!( obj. minLength === 'undefined' || obj. minLength === undefined || obj. minLength === null)) {
if ( isNaN( obj. minLength)) {
console. error( '【Validate Error】minLength is not a Number')
return []
}
validatorArray. push({ min: obj. minLength, message: '输入的项的长度不能少于' + obj. minLength + '个字符', trigger: 'blur' })
}

// 最大长度
if (!( obj. maxLength === 'undefined' || obj. maxLength === undefined || obj. maxLength === null)) {
if ( isNaN( obj. maxLength)) {
console. error( '【Validate Error】maxLength is not a Number')
return []
}
validatorArray. push({ max: obj. maxLength, message: '输入的项的长度不能超过' + obj. maxLength + '个字符', trigger: 'blur' })
}

// 自定义
if (!( obj. extra === 'undefined' || obj. extra === undefined || obj. extra === null)) {
if ( Array. isArray( obj. extra)) {
if ( obj. extra. length > 0) {
validatorArray = validatorArray. concat( obj. extra)
}
} else {
console. error( '【Validate Error】extra is not a Array')
return []
}
}

return validatorArray
}

export default validator
依欣依意127
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
设备安全---->mac验证【三种方式】
weixin_34293246的博客
08-27 2154
作为一个网络管理员，对于设备的维护与调试是一个必不可少的内容。但是我们怎么来限制只能管理员来登陆设备，而其他人不能登陆呢？？万一其他人登陆把我们的设备还原了。真是哭都来不及啊啊啊~这个时候我们提供身份验证的方法，可是万一账号密码泄露了怎么办？还是不安全啊。这个时候我们可以使用mac地址验证的方法，用我们管理员的计算机的mac地址来进行验证就好啦~~ ...
表单验证
哇塞
11-06 161
new document //实例：表单验证 function focus_username(){ //获取id=result_username的元素对象 var divObj = document.getElementById("result_username"); //写入提示信息 divObj.innerHTML="
angular实现form验证
weixin_30699235的博客
01-17 122
先上效果页面：https://lpdong.github.io/myForm-1/ 其中几个知识点 1、angularJs提供了几个新的type类型： type="password" type="email" type="number" type="url" 2、几个参数含义 ng-required //是否必填，true/false ...
表单验证技术
Jaosn.Yang的博客
07-07 1633
表单验证技术本章目标使用表单事件和脚本函数实现表单验证使用字符串对象和文本框控件常用属性和方法实现客户端验证什么时候需要表单验证减轻服务器的压力保证输入的数据符合要求表单验证的内容日期是否有效或日期格式是否正确表单元素是否为空用户名和密码电子邮箱地址是否正确身份证号码等是否是数字表单验证思路当输入的表单数据不符合要求时，如何编写脚本来进行提示？获得表单元素值使用的JavaScript的一些方法对数...
laravel 基础教程 —— 验证
不忘初心，方得始终
07-30 2万+
验证 简介 Laravel 对验证应用的输入数据提供了多中途径的实现。默认的，Laravel 的基础控制器类使用了 ValidatesRequests trait，该性状允许使用各种强大的验证约束来验证 HTTP 的输入请求。 快速入门 要了解 Laravel 强大的验证功能，我们需要一个完整的示例来描述表单的验证，和将表单验证的错误信息显示给用户。 定义路由 首先，让我们假定我们在
jquery表单验证demo
05-11
使用方法：http://blog.csdn.net/yinjianjing/archive/2011/05/11/6411098.aspx... jquery表单验证demo 一.MyValidator实现的功能： 1.提示功能（在表单或者其他标签中加入tip="想提示的文字"） 如： 请输入用户名" />
angularjs表单验证Demo
01-07
AngularJS是前端开发流行框架，本Demo展示了表单验证的意义，及实现方法，掌握Angular基础指令，通过不同的指令元素可以拥有不同功能，并通过指令与表单合作验证，从而实现表单验证的敏捷化开发。
JQuery表单验证Demo
05-12
本篇将深入探讨如何利用jQuery实现表单验证，并以"JQuery表单验证Demo"为例进行详细讲解。 首先，我们需要理解jQuery的核心概念。jQuery通过简洁的API简化了DOM操作、事件处理、动画效果以及Ajax交互。在表单验证...
Jquery validate表单验证Demo.zip
08-26
Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip
Jquery validate表单验证Demo下载
09-23
在本文中，我们将深入探讨jQuery Validate插件，这是一种强大的JavaScript工具，用于实现高效且易于定制的表单验证。这个插件极大地简化了在网页中创建用户注册和其他表单提交时的验证过程。以下是对该插件及其应用...
laravel $request 多维数组取值_Laravel 与 jwt 多表（多用户端）验证隔离的实现
weixin_30649767的博客
12-24 146
精选文章内容为什么要做隔离当同一个 laravel 项目有多端(移动端、管理端......)都需要使用 jwt 做用户验证时，如果用户表有多个(一般都会有)，就需要做 token 隔离，不然会发生移动端的 token 也能请求管理端的问题，造成用户越权。会引发这个问题的原因是 laravel 的 jwt token 默认只会存储数据表的主键的值，并没有区分是那个表的。所以只要 token...
如何在输入框下加入条件不符的报错（vue和element）
xSakura007的博客
01-14 614
做一个如图的功能 html代码如下： <template> <div> <el-row> <el-col :span="12"> <el-form-item label="用户姓名" label-width="120px" prop="username"> <el-input v-model.trim="form.username" .
vue登录验证生成随机验证码
weixin_37582804的博客
12-16 1282
< el-form-item prop=“verifycode” style=“line-height:0px;”> < el-input v-model=“loginForm.verifycode” placeholder=“请输入验证码” class=“identifyinput” style=“width:150px;”>< /el-input> ...
vue+vuex+axios做登录、注册页权限拦截
热门推荐
lx_1024的博客
12-15 5万+
在GitHub上有很多写好的模板，这个项目也是基于模板做的。 现在记录一下我做的过程 1、修改config文件夹里的dev.env.js里的BASE_API，把地址改成请求后端的公共部分 BASE_API: '"http://192.168.xx.xx"', 2、接下来就是操作src文件，先在 views里写好vew组件（login.vue,regist.vue），写好到route
表单校验demo
u011927449的博客
05-28 153
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function check() { //教研名字 var firstnamev = document.getElementById('firstnam.
在Vue框架项目里通过Element Plus实现表单验证
weixin_46795387的博客
08-18 8841
在Vue框架项目里通过Element Plus实现表单验证
【VUE+Elemet 】最全正则验证 + 表单验证 + 注意事项
BMG-Princess
04-09 2万+
最全最全正则验证 + 表单验证 + 注意事项 一、正则验证 1.输入字母/数字/下划线： 2.请输入中英文/数字/下划线： 3.请输入中文/英文： 4.规范金额： 5.用户名不能全是数字: 6.中文： 7.非中文： 8.限制长度： 9.数字： 10.正整数及整数： 11.请输入数字(可正负) 12.请输入数字/小数点: 13.请输入0-9999 14.大写，小写，数字，特殊字符，至少上面的三种,至少八位 15.自定义校验 16.是否合法IP地址: 17.是否手
表单登录的demo
GaoXiR的博客
04-30 188
<form class="am-form tpl-form-line-form" name="form" th:action="@{/login1}" method="POST"> <div class="am-form-group"> <label for="user" class="am-u-sm-3 am-form-label">账号：</...
vue表单验证的完整步骤
weixin_34381687的博客
11-10 3057
2019独角兽企业重金招聘Python工程师标准>>> ...
vue2表单校验demo
最新发布
03-25
以下是一个使用vue2进行表单校验的示例程序，希望对您有所帮助： template： ``` <div id="app"> <h4>表单校验示例</h4> <form @submit.prevent="submit"> <div class="form-group"> <label for="name">姓名：</label> <input id="name" type="text" v-model="name" :class="{ 'is-invalid': errors.name }"> <div v-if="errors.name" class="invalid-feedback">{{ errors.name }}</div> </div> <div class="form-group"> <label for="email">邮箱：</label> <input id="email" type="email" v-model="email" :class="{ 'is-invalid': errors.email }"> <div v-if="errors.email" class="invalid-feedback">{{ errors.email }}</div> </div> <div class="form-group"> <label for="password">密码：</label> <input id="password" type="password" v-model="password" :class="{ 'is-invalid': errors.password }"> <div v-if="errors.password" class="invalid-feedback">{{ errors.password }}</div> </div> <button type="submit">提交</button> </form> </div> ``` script： ``` new Vue({ el: '#app', data() { return { name: '', email: '', password: '', errors: {} } }, methods: { submit() { this.errors = {}; if (!this.name) { this.errors.name = '姓名不能为空'; } if (!this.email) { this.errors.email = '邮箱不能为空'; } else if (!/\S+@\S+\.\S+/.test(this.email)) { this.errors.email = '邮箱格式不正确'; } if (!this.password) { this.errors.password = '密码不能为空'; } else if (this.password.length < 6) { this.errors.password = '密码长度不足'; } if (Object.keys(this.errors).length) { return; } alert('表单已提交。'); } } }) ``` 在上面的示例中，我们首先定义了一个表单，其中包含姓名、邮箱和密码三个字段。每个字段前面有一个标签和一个输入框，用于输入相应的内容。每个输入框都有一个绑定到Vue实例数据的v-model属性。 表单的submit事件通过@submit.prevent指定了一个被调用的方法submit。在该方法中，我们首先初始化errors对象为空，并逐个检查姓名、邮箱和密码三个字段。 如果某个字段为空，则在errors对象中记录一个错误消息。如果邮箱格式不正确，则使用相应的错误消息记录错误。如果密码长度不足，也会记录一个错误。最后，如果errors对象中有任何错误，则不会提交表单。如果没有错误，则弹出一个成功消息。 以上就是Vue2表单校验的示例程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值