小程序获取input的值,以及绑定输入事件

阿里云双12感恩回馈，云产品冰点价】云服务器89元/年，这里有专享低价

[链接] https://www.aliyun.com/minisite/goods?userCode=kki5ownb

 

表单提交在前端界面无处不在,我们需要获取值,监听输入的值,提交表单的数据

那么我们现在就试试

表单界面,css样式我就不贴出来了,我主要说明的是js部分的使用

    
        绑定你的手机号
    
    
        
            手机号
        
        bindinput="getPhone" />
         
    
    
        
            验证码
            {{getCode}}
        
        
        
    
    登录
bindinput="getPhone" />
         
    
    
        
            验证码
            {{getCode}}
        
        
        
    
    登录

js代码

我们只给出获取手机号取值的方式,注意你每输入一个数字getPhone的事件就会执行一次,

e.detail.value 就是控件里面当前的值,然后每个控制都取到值,setData后,就可以提交数据给服务端了

    // 拿到手机号
    getPhone: function (e) {
        var val = e.detail.value;
        this.setData({
            telphone: val
        });
    },