在js文件中写入如下代码
data: {
userName:'',
mobile:''
},
userName: function (e) {
this.setData({
userName: e.detail.value
})
},
mobile: function (e) {
this.setData({
mobile: e.detail.value
})
},
btnclick:function(){
var userName = this.data.userName;
var mobile = this.data.mobile;
var phonetel = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
var name = /^[u4E00-u9FA5]+$/;
if (userName == '') {
my.showToast({
content: '请输入用户名',
icon: 'succes',
duration: 1000,
mask: true
})
return false
} else if (mobile == '') {
my.showToast({
content: '手机号不能为空',
})
return false
}
else if (mobile.length != 11) {
my.showToast({
content: '手机号长度有误!',
icon: 'success',
duration: 1500
})
return false;
}
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
if (!myreg.test(mobile)) {
my.showToast({
content: '手机号有误!',
icon: 'success',
duration: 1500
})
return false;
}
return true;
},
在axml中写入如下代码
<view class='information'>填写信息</view>
<view class='top_line'></view>
<view class='name'>姓名</view>
<input class='btn' type="text" placeholder='请输入预约人姓名' maxlength='12'value="" oninput ="userName" ></input>
<view class='line'></view>
<view class='call'>手机号</view>
<input class='btn' type="text" placeholder='请输入手机号' maxlength='11'value="" oninput ="mobile" ></input>
<view class='line'></view>
<button class='confirm' type="submit" bindtap='btnclick' >确认预约</button>