html部分(这里是最近做移动端的表单。pc类同)
<div class="fl titl">
三围(cm)
</div>
<div class="cont" id="sanwei">
<div class="check_type fr">
<label><input type="radio" name="sanwei" value="0" />公开</label>
<label><input type="radio" name="sanwei" value="1" />圈子</label>
<label><input type="radio" name="sanwei" value="2" />保密</label>
</div>
<input class="middle_item" id="sanweiVal" type="text" placeholder="格式 20,30,40"/>
</div>
js部分
//三围
var sanweiVal = $("#sanweiVal");
sanweiVal.on('blur',function(){
//检测','出现的次数
var dotNum = 0;
if(sanweiVal.val().indexOf(',')<0){
errorInfo('您输入的三围不符合格式!');
}else{
dotNum = (sanweiVal.val().split(',')).length -1 ;
if(dotNum <2 ){
errorInfo('您输入的三围不符合格式!');
}else{
var newArray = sanweiVal.val().split(',');
for(var i=0;i<newArray.length;i++){
if(newArray[i]==''){
errorInfo('您输入的三围不符合格式!');
}
}
}
}
});
关于 报错信息提示的函数 errorInfo 大家可以自定义
这里是这样的
//错误提示 function errorInfo(error){ $("#error").show().text(error); setTimeout(function(){ $("#error").fadeOut(); },1000) };
大家可以借鉴的学习下。今天可是个周末哦,下午17:18手写的。(今天是个晴朗的好天气,不那么热,好了不扯淡了,就到这里把。)