微信打开网页表单验证问题,表单验证在微信打开页面不显示提示信息问题

4 篇文章 0 订阅
本文介绍了在H5中使用内置表单验证时,遇到在微信环境中提示信息不显示的常见问题,并提供了一个在mui框架下的解决方案。通过JavaScript自定义验证函数,检查输入字段是否为空,当为空时弹出提示信息,从而确保在微信中也能正常显示验证反馈。
摘要由CSDN通过智能技术生成

  如果使用h5中自带的表单验证,会出现手机端在微信打开时不显示提示信息的问题。手机浏览器和pc浏览器没有问题。

比如要验证非空,

<input type="text" placeholder="姓名" required name="name"  >

这在微信打开网页时会出现不显示提示信息的问题。可以用下面方法解决,这是在mui中解决办法。

 

  

html:

<form  class="mui-input-group"  action="/sever/jiaoxueSever.php" method="post" id="form"   οnsubmit="checkK()">

 

js:

        function checkK(){
                mui("#form input").each(function() {
                //若当前input为空,则alert提醒 
                if(!this.value || this.value.trim() == "") {
                    var label = this.previousElementSibling;
                    mui.alert(label.innerText + "不允许为空");
                    check = false;
                    event.preventDefault();
                    return false;
                }
                }); //校验通过,继续执行业务逻辑 
                if(check){
                    mui.alert('验证通过!')
                }
            }    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值