html:
<
view
class=
"fl_form"
style=
"position:relative;padding-top:20rpx;">
<
text
><
text
style=
"color:red;padding-right:10rpx">*
</
text
>您的姓名
</
text
>
<
input
type=
"text"
placeholder=
'请输入您的姓名'
value=
"{{trueName}}"
bindblur=
'userNameInput'></
input
>
<
text
class=
"{{isName=='1'?'show':'hidden'}}">姓名不能为空
</
text
>
</
view
>
<
view
class=
"fl_form">
<
text
><
text
style=
"color:red;padding-right:10rpx">*
</
text
>所属部门
</
text
>
<
input
type=
"text"
placeholder=
'请输入所属部门'
value=
"{{deparment}}"
bindblur=
'userBranchInput'></
input
>
<
text
class=
"{{isDeparment=='1'?'show':'hidden'}}">部门不能为空
</
text
>
</
view
>
<
view
class=
"fl_form"
style=
"padding-bottom:20rpx;">
<
text
><
text
style=
"color:red;padding-right:10rpx">*
</
text
>联系电话
</
text
>
<
input
type=
"number"
placeholder=
'请输入联系电话'
maxlength=
'11'
value=
"{{phone}}"
bindblur=
'userTellInput'
></
input
>
<
text
class=
"{{isPhone=='1'?'show':'hidden'}}"
style=
"width:35%">请输入有效的手机号
</
text
>
</
view
>
js:
data: {
trueName:
"",
deparment:
"",
phone:
"",
isName:
"",
isDeparment:
"",
isPhone:
"",
},
userNameInput(e){
//用户姓名
if(e.detail.value){
console.log(e.detail.value)
this.setData({
isName:
'',
trueName:e.detail.value
})
}
else{
this.setData({
isName:
'1'
})
}
},
userBranchInput(e){
//所属部门
if (e.detail.value) {
this.setData({
isDeparment:
'',
deparment: e.detail.value
})
}
else {
this.setData({
isDeparment:
'1'
})
}
},
userTellInput(e){
//联系电话
if (/^1[3|4|5|6|7|8|9]\d{9}$/.test(e.detail.value)){
this.setData({
phone: e.detail.value,
isPhone:
""
})
}
else{
this.setData({
isPhone:
"1"
})
}
},