小程序-用户注册

.wxml

<form bindsubmit="formSubmit">
    <view class="user">
        <view class="hr"></view>
        <view class="item">
           <input type="text" name="username" placeholder="请输入5-8位用户名" bindblur="loginUserBlur"/>
        </view>
        <view class="item">
           <input type="text" name="pwd" placeholder="请输入6-20密码" bindblur="rigsterPasswordBlur"/>
        </view>
        <view class="item">
           <input type="text" name="pwdAgaln" placeholder="确认密码" bindblur="rigsterPasswordAgainBlur"/>
        </view>
        <view class="item">
           <input type="text" name="comName" placeholder="请输入企业名称" bindblur="rigsterComNameBlur"/>
        </view>
    </view>
    <view class="iphoneUserInfo">
       <view class="iphone">
          <input type="text" name="iphone" placeholder="请输入手机号"/>
          <view class="code">
             发送短信验证吗
          </view>
          <ivew class="item">
            <input type="text" name="code" placeholder="请输入验证"/>
         </ivew>
        </view>
    </view>
    <!--注册按钮-->
    <button class="registerBtn" type="primary" form-type="submit">注册</button>
    <!--同意协议-->
<view>
   <view class="protocol">
       <icon type="success" color="red" size="18"></icon>
       <text class="agree">同意</text>
       <text class="optoins">用户注册协议</text>
   </view>
</view>
</form>

.ts

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  formSubmit:function(e){
    //console.log(e.detail.value)
    var obj={};
    obj.username=e.detail.value.username;
    obj.pwd=e.detail.value.pwd;
    obj.comand=e.detail.value.comName;
    obj.code=e.detail.value.code;
    obj.iphone=e.detail.value.iphone;
    console.log(obj);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    wx.setNavigationBarTitle({
      title:'aaaa',
    })
  },

.wxss

form{
  width:100%;
  background-color: #2f2f2f;
}
.hr{
  border:2rpx solid #cccccc;
  width:90%;
  margin:0 auto;
  opacity:0.3;
}
.item{
  margin:0 auto;
  border:2rpx solid #cccccc;
  width:90%;
  height:80rpx;
  border-radius:10rpx;
  margin-bottom: 34rpx;
}
.item input{
  height: 80rpx;
  line-height: 80rpx;
  font-size:35rpx;
  color:#999;
}
.iphoneUserInfo{
  margin:0 auto;
  width: 90%;
  display:flex;
  flex-direction: row;
  margin-bottom: 34rpx;
}