上面的代码怎么把id_input 和 phone_input 中间用空格隔开
时间: 2024-03-07 22:53:04 浏览: 16
你可以在数据脱敏函数`desensitize_data`中,将`data`变量的值设为`phone_input + ' ' + id_input`,即在手机号和身份证号码中间加上一个空格,然后再进行敏感信息替换。具体的改动如下:
```
# 数据脱敏函数
def desensitize_data(phone_input, id_input):
data = phone_input + ' ' + id_input # 在手机号和身份证号码中间加上一个空格
pattern = re.compile(r'1\d{10}|\d{17}[\dXx]')
# 替换所有匹配的敏感信息
desensitized_data = re.sub(pattern, replace_sensitive_info, data)
return desensitized_data
```
这样修改后,生成的数据就会在手机号和身份证号码之间有一个空格隔开了。
相关问题
input框中的电话号码,输入后前3位空格一位,后面的每4位空格一位
实现输入电话号码时,前三位空格一位,后面每四位空格一位的效果,可以使用JavaScript的`oninput`事件来实现。
下面是一个例子:
```html
<input type="tel" oninput="formatPhoneNumber(this)" placeholder="请输入电话号码">
```
```javascript
function formatPhoneNumber(input) {
// 去除输入中的空格
let phoneNumber = input.value.replace(/\s/g, '');
// 根据长度添加空格
if (phoneNumber.length > 3) {
phoneNumber = phoneNumber.slice(0, 3) + ' ' + phoneNumber.slice(3);
}
if (phoneNumber.length > 8) {
phoneNumber = phoneNumber.slice(0, 8) + ' ' + phoneNumber.slice(8);
}
// 更新输入框的值
input.value = phoneNumber;
}
```
在上面的代码中,`formatPhoneNumber`函数是通过`oninput`事件绑定到input框中的。当用户输入电话号码时,该函数会被调用,通过正则表达式去除输入中的空格,并根据输入的长度添加空格。最后,将更新后的电话号码重新赋值给输入框。
需要注意的是,上面的代码仅仅是一个简单的实现,如果需要考虑更多的情况,比如用户删除输入的内容,或者用户输入非数字的情况,可以在函数中进行额外的判断和处理。
vue中input框中的电话号码,输入后前3位空格一位,后面的每4位空格一位
跟上面的纯 JavaScript 实现方法类似,我们可以在 Vue 中通过 `v-model` 和触发 `@input` 事件来实现输入电话号码时,前三位空格一位,后面每四位空格一位的效果。
下面是一个例子:
```html
<template>
<div>
<input type="tel" v-model="phoneNumber" @input="formatPhoneNumber" placeholder="请输入电话号码">
</div>
</template>
<script>
export default {
data() {
return {
phoneNumber: ''
}
},
methods: {
formatPhoneNumber() {
// 去除输入中的空格
let phoneNumber = this.phoneNumber.replace(/\s/g, '');
// 根据长度添加空格
if (phoneNumber.length > 3) {
phoneNumber = phoneNumber.slice(0, 3) + ' ' + phoneNumber.slice(3);
}
if (phoneNumber.length > 8) {
phoneNumber = phoneNumber.slice(0, 8) + ' ' + phoneNumber.slice(8);
}
// 更新输入框的值
this.phoneNumber = phoneNumber;
}
}
}
</script>
```
在上面的代码中,我们通过 `v-model` 绑定了一个 `phoneNumber` 变量,当用户在输入框中输入电话号码时,该变量会被更新。同时,通过 `@input` 触发 `formatPhoneNumber` 方法,实现了电话号码自动格式化的效果。
需要注意的是,在 Vue 中使用 `v-model` 绑定输入框的值时,Vue 会自动将输入框的值和数据模型中的值进行双向绑定,这样当数据模型中的值被修改时,输入框的值也会自动更新。因此,在 `formatPhoneNumber` 方法中,我们直接更新了数据模型中的值,而不是直接修改输入框的值。