国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

微信小程序-form表單提交代碼實例

2020-03-21 15:58:40
字體:
來源:轉載
供稿:網友

效果

微信小程序,form,表單提交,代碼

html代碼

<form bindsubmit="formSubmit" bindreset="formReset"> <view class="section section_gap">  <view class="section__title">是否公開信息</view>  <switch name="isPub" /> </view>  <view class="section">  <view class="section__title">手機號</view>  <input name="phone" placeholder="手機號" /> </view> <view class="section">  <view class="section__title">密碼</view>  <input name="pwd" placeholder="密碼" password/> </view> <view class="section section_gap">  <view class="section__title">性別</view>  <radio-group name="sex">   <label>    <radio value="男" checked/>男</label>   <label>    <radio value="女" />女</label>  </radio-group> </view> <view class="btn-area">  <button formType="submit">提交</button>  <button formType="reset">重置</button> </view></form><view wx:if="{{isSubmit}}"> {{warn ? warn : "是否公開信息:"+isPub+",手機號:"+phone+",密碼:"+pwd+",性別:"+sex}}</view>

css代碼

.section{ display: flex; flex-direction: row; margin: 20rpx;}.section view{ margin-right: 20rpx;}.btn-area{ margin: 20rpx;}button{ margin: 10rpx 0;}

js代碼

let app = getApp();Page({ data: {  isSubmit: false,  warn: "",  phone: "",  pwd: "",  isPub: false,  sex: "男" }, formSubmit: function (e) {  console.log('form發生了submit事件,攜帶數據為:', e.detail.value);  let { phone, pwd, isPub, sex } = e.detail.value;  if (!phone || !pwd) {   this.setData({    warn: "手機號或密碼為空!",    isSubmit: true   })   return;  }  this.setData({   warn: "",   isSubmit: true,   phone,   pwd,   isPub,   sex  }) }, formReset: function () {  console.log('form發生了reset事件') }})

以上所述是小編給大家介紹的微信小程序-form表單提交詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 龙游县| 金堂县| 伊川县| 麦盖提县| 西宁市| 临猗县| 淮南市| 饶平县| 肇州县| 嵩明县| 叶城县| 宁河县| 松潘县| 马龙县| 方山县| 长岭县| 遂溪县| 扎兰屯市| 岳西县| 磴口县| 郴州市| 渝北区| 肇庆市| 喀什市| 泸定县| 蓬安县| 齐齐哈尔市| 房产| 东山县| 桓台县| 台山市| 靖安县| 名山县| 清涧县| 苍南县| 马公市| 凌海市| 宝应县| 澎湖县| 湘潭市| 普安县|