微信小程序 有没有类似获取 id的方法？

Question

比如表单验证，一个文本框，一个view模拟的“提交”按钮，点“提交”按钮的时候，获取input的值，如果为空就弹模态窗口提示为空，如果不为空就不提示。

现在是能实现失焦的时候弹出模态窗口，但点提交按钮的时候不知道怎么获取到input的值。

Answer 1

首先关于表单提交，小程序有专门的form组件，form组件中bindsubmit事件可以和里面的button组件组合使用，当button组件的form-type="submit"时，点击此button就会携带表单数据触发bindsubmit事件
官方文档请看：
https://mp.weixin.qq.com/debu...

示例代码

wxml:

<form bindsubmit="handleSubmit">
    <input name="content" />
    <button form-type="submit">提交</button>
</form>

js:

handleSubmit: function(ev) {
    var content = ev.detail.value.content;
    if (!content) { //... }
    else { //... }
}

Answer 2

 <input class="name" bindblur="bindInputBlur" placeholder="请输入姓名"/>
 bindInputBlur: function (e) {
        var userName = e.detail.value;
        this.setData({
            userName : userName 
        });
    }

通过离焦事件去获取input的值，保存到缓存变量里就行了

Answer 3

<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
});

}

Answer 4

1. 提交表单时，在 <form> 中添加 bindsubmit 属性会执行提交事件监控，参数为一个函数名称

2. 在 对应页面的 Page 中实现 bindsubmit 中定义的函数，参数为 event

3. event.detail.value 为此表单提交的所有数据，在这个函数里做判断就行了