小程序 表單提交

html

<veiw class="img-view">
    <image class="img" src="/images/vip/banner.png" />
</veiw>
<form bindsubmit="formSubmit">
    <view class="main">
        <view class="person_info">
            <text class="person_info_text">面值</text>
            <text class="word">{{amount}}元</text>
        </view>
        <view class="person_info">
            <text class="person_info_text">姓名</text>
            <input name="name" class="person_info_input" placeholder-class="person_info_input" placeholder="請輸入您的姓名" />
        </view>
        <view class="person_info">
            <text class="person_info_text">性別</text>
            <view class="sex-box">
                <radio-group name="sex" bindchange="changeSex">
                    <radio class="radio-item" value="1" checked="checked" color="#DBB975">男</radio>
                    <radio class="radio-item" value="2" checked="" color="#DBB975">女</radio>
                </radio-group>
            </view>
        </view>
        <view class="person_info">
            <text class="person_info_text">手機號碼</text>
            <input name="telephone" type="number" class="person_info_input" placeholder-class="person_info_input" placeholder="請填寫手機號" />
        </view>
        <view class="person_info">
            <text class="person_info_text">驗證碼</text>
            <input name="code" type="number" class="person_info_input" placeholder-class="person_info_input" placeholder="請輸入驗證碼" />
            <view class="person_info_down" bind:tap="getCode">{{code}}</view>
        </view>
        <view class="person_info">
            <text class="person_info_text">生日</text>
            <picker class="date-picker" mode="date" value="" start="1949-10-01" bindchange="bindDateChange">
                <view class="birthday">
                    <input name="birthday" type="text" value="{{birthday}}" class="info_input" placeholder-class="info_input" placeholder="請選擇您的生日" />
                    <view class="info_more">
                        <image class="more" src="/images/common/more_gray.png" />
                    </view>
                </view>
            </picker>
        </view>
        <button class="save_btn" form-type="submit">立即支付</button>
    </view>
</form>

js

formSubmit(e) {
  console.log('form發生了submit事件，攜帶數據為：', e.detail.value);
},
bindDateChange(e) {
  console.log('picker發生change事件，攜帶value值為：', e.detail.value);
  let birthday = e.detail.value;
  this.setData({
    birthday: birthday
  })
},
changeSex(e) {
  console.log('radio發生change事件，攜帶value值為：', e.detail.value)
}