小程序判断输入的是否为数字或字符的js wxml全部代码
时间: 2023-08-21 21:05:48 浏览: 82
以下是一个完整的小程序代码示例,包括js和wxml文件,可以实现判断输入是否为数字或字符的功能:
index.js:
```javascript
Page({
data: {
inputValue: ''
},
// 监听输入框变化
bindInput: function(e) {
this.setData({
inputValue: e.detail.value
})
},
// 判断输入是否为数字
isNumber: function(value) {
return /^\d+$/.test(value);
},
// 判断输入是否为字符
isString: function(value) {
return /^[A-Za-z]+$/.test(value);
},
// 点击判断按钮
checkInput: function() {
var value = this.data.inputValue;
if (this.isNumber(value)) {
wx.showToast({
title: '输入为数字',
icon: 'success'
})
} else if (this.isString(value)) {
wx.showToast({
title: '输入为字符',
icon: 'success'
})
} else {
wx.showToast({
title: '输入不符合要求',
icon: 'none'
})
}
}
})
```
index.wxml:
```xml
<view class="container">
<view class="input-box">
<input type="text" placeholder="请输入数字或字符" bindinput="bindInput" value="{{inputValue}}" />
</view>
<view class="btn-box">
<button type="primary" bindtap="checkInput">判断</button>
</view>
</view>
```
其中,`input` 绑定了 `bindInput` 事件,`button` 绑定了 `checkInput` 事件,实现了输入和判断的功能。
阅读全文