表单验证(Experimental) 点击确认发布不能为空错误提示。
表单验证 点击确认发布不能为空错误提示
以下是效果图:
代码如下:
WXML:
[html] view plain copy print在CODE上查看代码(code)片派生到我的代码片 lt;view wx:if="{{popErrorMsg}}" gt;{{popErrorMsg}}WXSS:
[css] view plain copy print?在CODE上查看代码(code)片派生到我的代码片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:
[javascript] view plain copy GOOGLE PRint?在CODE上查看代码(code)片派生到我的代码片// pages/informLeaveMsg/informLeaveMsg。js Page({
/**
* 页面的初始数据(data)
*/
data: {
},
//确认发布
goDetail:function(e){
setTimeOUT(出局)(()= gt;{
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(() = gt; {
this。setData({ popErrorMsg: '' });
clearTimeout(fadeOutTimeout);
}, 3000);
}, })