如果使用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('验证通过!')
}
}