当前位置: 首页 > news >正文

沈阳网站开发昆明做网站的公司

沈阳网站开发,昆明做网站的公司,石龙镇做网站,新手怎么把源码做成软件表单填写提交是很常用的步骤; 原理: 1. 给所有的输入框,选择框添加同一个点击事件; 2. 给每个输入框添加 data-key’’ 专属属性 3. 输入框可直接获取输入的内容,将输入的内容赋值给空数组即可 4. 特殊表单做特殊处理&…

表单填写提交是很常用的步骤;
原理:
1. 给所有的输入框,选择框添加同一个点击事件;
2. 给每个输入框添加 data-key=’’ 专属属性
3. 输入框可直接获取输入的内容,将输入的内容赋值给空数组即可
4. 特殊表单做特殊处理,具体步骤视情况而定;
5. 编不下去了,看代码吧

<!-- 表单 -->
<view class="iptWarp"><view class="flex_y_center border"><view class="ipt_key">真实姓名</view><input class="flex_1" placeholder="请输入真实姓名" bindinput="bindinput" value="" data-key="name"></input></view><view class="flex_y_center border"><view class="ipt_key">电话号码</view><input class="flex_1" placeholder="请输入您的联系方式" type="number" bindinput="bindinput" value="" data-key="tel"></input></view><view class="flex_y_center border"><view class="ipt_key">微信号</view><input class="flex_1" placeholder="请输入微信号" bindinput="bindinput" value="" data-key="weChat"></input></view><view class="flex_y_center border"><view class="ipt_key">性别</view><picker class="flex_1" mode='selector' bindchange="bindinput"  data-key="sex" value="{{sexIndex}}" range="{{sex}}"><view class="c_gray" wx:if='{{sexHidden}}'>请选择性别</view><view wx:else>{{sex[sexIndex]}}</view></picker></view><view class="flex_y_center border"><view class="ipt_key">常驻地址</view><picker class="flex_1" mode='region' bindchange="bindinput"  data-key="city" value="{{region}}" ><view class="c_gray " wx:if='{{cityHidden}}'>请选择城市</view><view wx:else>{{region[0]}} - {{region[1]}} - {{region[2]}}</view></picker></view><view class="flex_y_center border"><view class="ipt_key">粉丝量</view><input class="flex_1" placeholder="请输入您的粉丝量" type="number" bindinput="bindinput" value="" data-key="people"></input></view><button hover-class="none" class="submit" catchtap="submit">提交申请</button>
</view>

js:

Page({/*** 页面的初始数据*/data: {sex:['男','女'],sexIndex:0,sexHidden: true,cityHidden: true,region:'',ipt:{name:'',tel:'',weChat:'',sex:'',city:'',people:''}},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},bindinput: function (e) {let that = thislet sexIndex = that.data.sexIndexlet sexHidden = that.data.sexHiddenlet region = that.data.regionlet cityHidden = that.data.cityHiddenlet ipt = that.data.iptlet key_ = e.currentTarget.dataset.keylet value = e.detail.valueipt[key_] = valueif (key_ == 'sex'){sexIndex = valuesexHidden = false}if (sexIndex == 0) {ipt.sex = '男'}else{ipt.sex = '女'}if (key_ == 'city') {region = valuecityHidden = false}// console.log(ipt)that.setData({sexIndex: sexIndex,sexHidden: sexHidden,region: region,cityHidden: cityHidden})},submit: function () {let that = thislet ipt = that.data.iptif(ipt.name == ''){wx.showToast({title: '请输入姓名',icon:'none'})} else if (ipt.tel == ''){wx.showToast({title: '请输入电话号码',icon: 'none'})} else if (ipt.weChat == '') {wx.showToast({title: '请输入微信号',icon: 'none'})} else if (ipt.sex == '') {wx.showToast({title: '请选择性别',icon: 'none'})} else if (ipt.city == '') {wx.showToast({title: '请选择常驻地址',icon: 'none'})} else if (ipt.people == '') {wx.showToast({title: '请输入粉丝量',icon: 'none'})} else {// 此处提交数据console.log(ipt)}}
})

在这里插入图片描述

在这里插入图片描述

http://www.dt0577.cn/news/46170.html

相关文章:

  • 自己做的网站打开慢百度搜索提交入口
  • 怎么用网站做转换服务器seo工具软件
  • 做网站需要做数据库seo推广论坛
  • 书签制作方法沈阳百度推广优化
  • 福州建设工程质量监督网站新闻软文范例大全
  • 网站空间在哪里买天津放心站内优化seo
  • 住房和建设执业资格注册中心网站seo学校培训
  • 茶叶销售网站源代码网络营销论文3000字
  • 做义工的靠谱网站宜昌网站seo
  • dtcms怎么做自己网站社群营销平台有哪些
  • 人力资源管理师佳木斯seo
  • 企业网站的建立与维护论文四川seo整站优化费用
  • 图书网站建设策划书seo推广排名公司
  • 手机网站 广告附近电脑培训班位置
  • wordpress 性能怎么样上海公司网站seo
  • 1688网站可以自己做吗网络营销的新特点
  • 滨州五学一做考试网站营销推广方案案例
  • 网站数据库结构被删了怎么办seo实战培训教程
  • 今日郴州官网深圳市seo点击排名软件价格
  • 做网站的软件m开头做微商怎么找客源加人
  • 网络架构分为几层企业优化推广
  • 清河网站建设电话最新中国新闻
  • 室内设计效果图怎么做出来的长沙 建站优化
  • 支付网站建设费进什么科目帮我搜一下长沙做网络销售
  • 高明专业网站建设报价在哪里可以发布自己的广告
  • 宜昌网站模板seo网络营销是什么意思
  • 网站建设原则包括哪些内容企业网站制作流程
  • 网站空间和域名区别网络营销的基本流程
  • 百度搜索指数河北百度seo关键词排名
  • 美国做垂直电商的网站优化网站快速排名软件