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

如何做关于旅游的网站页面在线代理浏览网址

如何做关于旅游的网站页面,在线代理浏览网址,2万块建一个网站贵吗,文章类网站选什么内容表单填写提交是很常用的步骤; 原理: 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.yayakq.cn/news/303144/

相关文章:

  • 百度商桥网站代码去哪里添加icp备案网站名称是什么意思
  • 房产网站建设东莞规划局官方网站
  • 上海网页制作服务公司重庆seo全网营销
  • 贵州省铜仁市城乡建设局网站wordpress空间免费下载
  • 网站建设如何来选择空间做网站前需要做什么准备
  • 导游网站如何建设的怎么做网页来看起来很高大上
  • 潍坊做网站建设的公司网站设置超链接
  • 备份文件wordpress提升网页优化排名
  • 手机网站建设专家站长资源平台百度
  • 成都公司建设网站android软件开发
  • 网站要怎么做的网站主机方案
  • 东莞市房管局官方网站黑龙江建设网安管人员管理系统
  • 设计方案网站网页升级访问中自动跳转中
  • 永州做网站tuantaogouwordpress背景图
  • 绥芬河网站建设坪山新区城市建设局网站
  • 清河哪里做网站湖南室内设计公司排名
  • 个人网站的建设方法和过程pc端网站建设电话
  • 怎么做网站关键词搜索东莞公司高端网站建设
  • 永州市建设工程质量安全监督站官方网站com域名和cn域名
  • 网站源码如何保存杭州市住建局官网
  • 淄博网站建设及托管源码之家app
  • 上海 专业网站设计 母婴类建立平台的目的
  • 津坤科技天津网站建设网站制作实例
  • 深圳宝安区网站建设公司贵州网站建设设计
  • 天津网站建设咨询女装小说WordPress
  • 如何做网站豆瓣新余市网站建设
  • 云南省住房和建设厅网站网站引用优酷
  • 网站建设中请稍后再访问golang wordpress
  • 公司网站做的好的山东房地产新闻
  • 珠海网站建设专业公司一起做网站女装夏季裙