购物车数量加减器

<span class="stock-widget">
<input data-max="999" id="quantity" name="number" value="1" title="请输入购买量" type="text">
<span class="stock-num-btn">
<span id="add" > + </span>
<span id="min" > - </span>
</span>
<span>件</span>
</span>


<script>
//数量加减器
$(function(){
var t = $("#quantity");
if(!t.val()){t.val(1);}
$("#add").click(function(){
t.val(parseInt(t.val())+1);
$("#min").removeAttr("disabled");
})
$("#min").click(function(){
if (parseInt(t.val())>1) {
t.val(parseInt(t.val())-1);
}else{
$("#min").attr("disabled","disabled");
}
})
})
</script>

这个加减器有个问题:在数量为空(不是0,是空)时点击“+”,会出现NAN状态,我偷懒的选择在表单提交时给个判断:
//表单提交
<script>
$("input[name=submit]").click(function(){
var fa = $("input[name=gid]:checked").val();
var num = $("input[id=quantity]").val();
var nreg = /^[0-9]*[1-9][0-9]*$/;
if(!fa){var pld = '请选择方案!';}
else if(!num || !nreg.test(num)){var pld = '数量填写错误!';}//这里使用了layer,测试时可以用alert
else{}
if(pld){layer.msg(pld); return false; }
});
</script>

 

posted @ 2016-11-24 15:14  微醺的汤姆  阅读(287)  评论(0编辑  收藏  举报