扫码关注官方订阅号
比如表单验证,一个文本框,一个view模拟的“提交”按钮,点“提交”按钮的时候,获取input的值,如果为空就弹模态窗口提示为空,如果不为空就不提示。
现在是能实现失焦的时候弹出模态窗口,但点提交按钮的时候不知道怎么获取到input的值。
学习是最好的投资!
<input class="name" bindblur="bindInputBlur" placeholder="请输入姓名"/> bindInputBlur: function (e) { var userName = e.detail.value; this.setData({ userName : userName }); }
通过离焦事件去获取input的值,保存到缓存变量里就行了
<view class="form-item-box border-bot"><input class="form-item-input" type="number" name="phone_val" placeholder="输入手机号" placeholder-class="placeholder-color" maxlength="11" bindinput="phoneInput" /></view>
phoneInput(e){
this.setData({ phoneValue: e.detail.value });
}
提交表单时,在 <form> 中添加 bindsubmit 属性会执行提交事件监控,参数为一个函数名称
在 对应页面的 Page 中实现 bindsubmit 中定义的函数,参数为 event
event.detail.value 为此表单提交的所有数据,在这个函数里做判断就行了
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
通过离焦事件去获取input的值,保存到缓存变量里就行了
<view class="form-item-box border-bot"><input class="form-item-input" type="number" name="phone_val" placeholder="输入手机号" placeholder-class="placeholder-color" maxlength="11" bindinput="phoneInput" /></view>
phoneInput(e){
}
提交表单时,在 <form> 中添加 bindsubmit 属性会执行提交事件监控,参数为一个函数名称
在 对应页面的 Page 中实现 bindsubmit 中定义的函数,参数为 event
event.detail.value 为此表单提交的所有数据,在这个函数里做判断就行了