uniapp(vue)手机号码验证及加密处理

uniapp(vue)手机号码验证及加密处理

if (this.userinfo.tel_phone == '') {
		return uni.showToast({
			title: "请填写手机号~",
			icon: "none"
		})
	}
// 输入手机号验证
if (!/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(this.userinfo.tel_phone)) {
		return uni.showToast({
			title: "手机号错误,请重新输入",
			icon: "none"
		})
	}
//手机号加密
let phone = this.phone.replace(/(\d{3})\d{4}(\d{4})/,'$1****$2');
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Uniapp 中,可以通过以下步骤实现分步骤提交表单: 1. 在页面中使用表单组件,例如 `form`、`input`、`radio`、`checkbox` 等。 2. 给每个表单元素设置一个唯一的 `name` 属性。 3. 在表单中添加一个按钮,用于提交表单。例如: ``` <button type="submit" @click="submitForm">提交表单</button> ``` 4. 在 Vue 组件中定义一个 `data` 对象,用于存储表单数据。例如: ``` data() { return { formData: { name: '', gender: '', age: '' } } } ``` 5. 在 `methods` 中定义一个 `submitForm` 方法,用于提交表单。该方法会将表单数据逐步提交给后端,直到所有数据都提交完成。例如: ``` methods: { submitForm() { // 第一步:提交姓名 this.$http.post('/api/submit-name', { name: this.formData.name }).then(() => { // 第二步:提交性别 this.$http.post('/api/submit-gender', { gender: this.formData.gender }).then(() => { // 第三步:提交年龄 this.$http.post('/api/submit-age', { age: this.formData.age }).then(() => { // 所有数据提交完成 console.log('数据提交完成') }) }) }) } } ``` 6. 在每个提交数据的步骤中,可以添加适当的错误处理和提示,以增强用户体验。例如: ``` methods: { submitForm() { // 第一步:提交姓名 this.$http.post('/api/submit-name', { name: this.formData.name }).then(() => { // 第二步:提交性别 this.$http.post('/api/submit-gender', { gender: this.formData.gender }).then(() => { // 第三步:提交年龄 this.$http.post('/api/submit-age', { age: this.formData.age }).then(() => { // 所有数据提交完成 console.log('数据提交完成') }).catch(() => { // 提交年龄失败 console.error('提交年龄失败') }) }).catch(() => { // 提交性别失败 console.error('提交性别失败') }) }).catch(() => { // 提交姓名失败 console.error('提交姓名失败') }) } } ``` 以上就是在 Uniapp 中实现分步骤提交表单的基本步骤。需要注意的是,如果表单数据比较复杂,需要进行更复杂的处理,例如表单验证、数据加密等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值