form表单的简单利用
wxml
<form bindsubmit="submit" bindreset="Reset">
<view >
<view>用户名:</view>
<label><input name="userName" placeholder="请输入用户名!" /></label>
</view>
<view>
<view>密码:</view>
<label><input name="psw" placeholder="请输入密码!" password="true" /></label>
</view>
<view style="display:flex;">
<button formType="submit" >登录</button>
<button formType="reset" >重置</button>
</view>
</form>
<view class="errod">{{tip}}</view>
<view class='inform'>账号:{{userName}}</view>
<view class='inform'>密码:{{psw}}</view>
js代码
Page({
data: {
tip:'',
userName:'',
psw:''
},
formBindsubmit:function(e){
if(==0||==0){
({
tip:'提示:用户名和密码不能为空!',
userName:'',
psw:''
})
}else{
var that = this
({
userName:,
psw:
})
}
},
Reset:function(){
({
tip:'',
userName:'',
psw:''
})
}
})
也可以修改为直接提交到接口,判断用户名密码是否一致等等,一系列的