小程序表单认证布局及验证

 

tset.wxml

<view class='form'>
<view class='content'>
  <view class='left'>姓名：</view>
  <view class='right'>
    <view class='right-left'>
     <input placeholder='请输入真实姓名' bindinput='getNameValue' value='{
  {name}}' />
    </view>    
  </view>
</view>
<view class='content'>
  <view class='left'>手机号：</view>
  <view class='right'>
    <view class='right-left'>
   <input placeholder='请输入手机号' bindinput='getPhoneValue' value='{
  {phone}}' />
    </view> 
  </view>
</view>
<view class='content'>
  <view class='left'>验证码：</view>
  <view class='right'>
    <view class='right-left'>
  <input placeholder='请输入验证码' bindinput='getCodeValue' value='{
  {code}}' />
    </view>
    <view class='right-right'>
      <button class=&#