ome/img/nav3_on.png">
APP
系统平台
  • 建站知识
  • 联系我们
    • 咨询热线 ：
    028-86922220
    ×
    01
    关于我们

    公司简介

    发展历程

    02
    服务项目

    高端网站建设

    微信开发

    APP开发

    网络营销服务

    电商网站定制

    生物医药网站建设

    外贸网站建设

    教育培训网站建设

    03
    小程序开发

    小程序开发

    功能应用

    客户案例

    04
    案例展示

    网站建设案例

    小程序案例

    电商平台案例

    APP案例

    系统平台案例

    05
    建站动态

    网站建设

    网站设计

    网站营销

    小程序

    06
    联系我们

    公司地址

    人才招聘

    地址：成都市太升南路288号锦天国际A幢1002号

    电话：028-86922220

    028-86922220

    疆括仕网站建设，新征程启航

    为企业提供网站建设、域名注册、服务器等服务

    小程序如何实现表单验证

    小编给大家分享一下小程序如何实现表单验证，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

    古塔网站建设公司创新互联公司,古塔网站设计制作，有大型网站制作公司丰富经验。已为古塔1000+提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的古塔做网站的公司定做！

    微信小程序表单验证，点击确认发布不能为空错误提示，具体内容如下

    以下是效果图：

    小程序如何实现表单验证

    代码如下：

    WXML:

    {{popErrorMsg}} 
 
 
   
  
 你还可以输入 
 {{commentTxtCount}} 
 字 
  
 确认发布 
 

    WXSS:

    page{background: #f4f4f4;} 
.ad_popHd{height: 76rpx; line-height: 76rpx; font-size: 32rpx;text-align: center; border-bottom: 1px solid #cdd1cd; padding: 0 20rpx;color: #202120;} 
.ad_popFt{ margin: 20rpx ; margin-top: 50rpx;} 
.ad_popArea{ width: 708rpx; height:400rpx;font-size:30rpx;padding: 20rpx; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 40rpx; color: #333; background: #fff; } 
.ad_popCout{ color: #969899; font-size: 24rpx; text-align: right; line-height: 58rpx; padding: 0 20rpx;} 
.informBtn{background: #09bb07;color: #fff;font-size: 34rpx; margin-top: 38rpx;height: 88rpx;} 
.one_stars{color: #999;} 
.one_star{font-size: 20rpx;color: #999;} 
.danger{ color: #f64400;} 
.ad_popError{ background: #de352d; color: #fff; height: 58rpx; line-height: 58rpx; font-size: 24rpx; text-align: center; position: absolute; left: 0; top: 0; width: 100%; z-index:3;}

    JS:

    // pages/informLeaveMsg/informLeaveMsg.js 
Page({ 
 
 /** 
 * 页面的初始数据 
 */ 
 data: { 
  
 }, 
 //确认发布 
 goDetail:function(e){ 
 setTimeout(()=>{ 
  var subValue = e.detail.value.textarea 
  console.log(subValue) 
  if (subValue == null || subValue == "") { 
  console.log("不能为空") 
  this.setData( 
   { popErrorMsg: "发布的留言内容不能为空" } 
  ); 
  this.ohShitfadeOut(); 
  return;  
  } 
  
 },100) 
  
 }, 
 
 ohShitfadeOut() { 
 var fadeOutTimeout = setTimeout(() => { 
  this.setData({ popErrorMsg: '' }); 
  clearTimeout(fadeOutTimeout); 
 }, 3000); 
 }, 
 
})

    看完了这篇文章，相信你对“小程序如何实现表单验证”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


    当前文章：小程序如何实现表单验证
    网站路径：https://www.tyhkzb.com/article/gjpgee.html

    其他资讯

    分享至：
    关于我们
    公司简介 发展历程
    服务项目
    高端网站建设 小程序开发 APP开发 网络营销
    建站知识
    行业新闻 建站学堂 常见问题
    联系我们
    公司地址 人才招聘
    成都 大悟县
    电话：028-86922220
    地址：成都市太升南路288号锦天国际A幢1002号
    电话：028-86922220
    地址：湖省孝感市大悟县城关镇鄂北物流城13栋125号
    版权所有：大悟县疆括仕商贸有限公司 鄂ICP备2025139637号-7
    在线咨询
    服务热线
    服务热线：028-86922220
    TOP