微信小程序实现基于三元运算验证手机号/姓名功能示例

本文实例讲述了微信小程序实现基于三元运算验证手机号/姓名功能。分享给大家供大家参考，具体如下：

页面结构部分：

view class=' fl _ form ' style=' position :相对；填充-top :20 rpx；'texttext style=' color:red填充-右侧：10 rpx ' */文本您的姓名/text输入类型=“文本”占位符='请输入您的姓名value=' { { TrueName } } ' bind blur=' UserNameInput '/input text class=' { { iSname==' 1 '？'显示' : '隐藏' }} '姓名不能为空/text/view view class=' fl _ form ' text text style=' color : red；填充-右侧：10 rpx ' */文本所属部门/text输入类型=“文本”占位符='请输入所属部门value=' { { department } } ' bind blur=' user branch input '/input text class=' { { is department==' 1 '？'显示' : '隐藏' }} '部门不能为空/text/view view class=' fl _ form ' style=' padding-bottom :20 rpx；'texttext style=' color:red填充-右侧：10 rpx ' */文本联系电话/text输入类型='数字'占位符='请输入联系电话maxlength=' 11 ' value=' { { phone } } ' bind blur=' userTellInput '/input text class=' { { isPhone==' 1 '？show ' : ' hidden ' } } ' style=' width :35% '请输入有效的手机号/text/viewjs部分：

data: { trueName: ' '，deparment: ' '，phone: ' '，isName: ' '，isDeparment: ' '，isPhone: ' '，}，//事件处理函数用户名输入：函数(e) { //用户姓名如果(例如细节。值){控制台。日志(例如详细信息。值)这个。setdata({ isname : ' '，truename : e . detail。value })else { this。setdata({ isname : ' 1 ' })} }，用户分支输入3360函数(e){//所属部门如果(例如细节。value){ this。setdata({ is部门： ' '，部门： e . detail。value })else { this。setdata({ is department : ' 1 ' })}，user tellinput : function(e){//联系电话if (/^1[3|4|5|6|7|8|9]\d{9}$/.测试(例如细节。value)){这个。setdata({ phone : e . detail。值，isphone : ' ' })else { this。setdata({ isphone : ' 1 ' })} }本机测试运行结果：

希望本文所述对大家微信小程序开发有所帮助。