微信小程序判断input内容不能为空

最新推荐文章于 2024-08-07 02:54:29 发布

panpanpanqvq

最新推荐文章于 2024-08-07 02:54:29 发布

阅读量7.6k

点赞数 7

分类专栏：微信小程序文章标签：小程序 js

本文链接：https://blog.csdn.net/panpanpanqvq/article/details/106402959

版权

本文介绍了在微信小程序中如何判断input和textarea内容是否为空。通过示例代码展示了利用JS进行判断并解决输入内容仍报空的问题，通过给textarea添加bindinput事件实时获取并更新value值，确保提交时内容不为空。

摘要由CSDN通过智能技术生成

在微信小程序中判断input或者textarean内容为空
直接上代码
wxml:

<view class="molde_one">
    <textarea class="opinion_input" type="text"  placeholder="您好" value="{
  {contentInput}}"></textarea>
    <button class="opinion_btn" bindtap="smbs" style="width:680rpx">提交反馈</button>
</view>

js:

data: {
      contentInput : '',
  },
  
  smbs:function (e) {
    let content = this.data.contentInput
    console.log(content)
    if (content == '') {
      wx.showToast({
        title: '请填写内容',
        icon: 'none',
        duration: 1500
      })
      return false
    }else {
      wx.showModal({
        title: '提交成功!',
        content: '感谢您的反馈，后续将有工作人员跟踪处理',
        showCancel: false ,//去掉取消按钮
        confirmText: '确定',
        cancelText: '