js input输入数量控制

<div class="w-number" >

<a class="w-number-btn w-number-btn-minus" pro="minus" href="javascript:void(0);">-</a>

<input class="w-number-input" pro="input" type="text" value="5">

<a class="w-number-btn w-number-btn-plus" pro="plus" href="javascript:void(0);">+</a>

</div>

window.ONE_GOODS = {
status : 1,
period : 304080621,
goods : {
gid : 1851,
gname : ‘平安金‘,
price : 3688,
buyable : true,
buyUnit : 10
},
existingTimes : 3485
};

//数量输入框 window.ONE_GOODS
var $numInput = $(".w-number-input");
var oBuyNum = parseInt($numInput.val());
//-
$(".w-number-btn.w-number-btn-minus").click(function(){
var buyNum = $numInput.val() - $numInput.val() % ONE_GOODS.goods.buyUnit - ONE_GOODS.goods.buyUnit;
oBuyNum = buyNum >= ONE_GOODS.goods.buyUnit ? buyNum : ONE_GOODS.goods.buyUnit;
$numInput.val(oBuyNum);
});
//+
$(".w-number-btn.w-number-btn-plus").click(function(){
var buyNum = parseInt($numInput.val()) - $numInput.val() % ONE_GOODS.goods.buyUnit + ONE_GOODS.goods.buyUnit;
oBuyNum = buyNum <= ONE_GOODS.existingTimes ? buyNum : ONE_GOODS.existingTimes;
$numInput.val(oBuyNum);
});
//输入
$numInput.hover(function(){selectText($numInput[0],0,$numInput.val().length);},function(){});
$(".w-number-input").change(function(){
var buyNum = $numInput.val();
if(/^\d+$/.test(buyNum)){
if(buyNum < ONE_GOODS.goods.buyUnit){
oBuyNum = ONE_GOODS.goods.buyUnit;
}else if( buyNum > ONE_GOODS.existingTimes){
oBuyNum = ONE_GOODS.existingTimes;
}else if(buyNum%ONE_GOODS.goods.buyUnit > 0){
oBuyNum = buyNum > ONE_GOODS.goods.buyUnit ? buyNum - buyNum % ONE_GOODS.goods.buyUnit + ONE_GOODS.goods.buyUnit : ONE_GOODS.goods.buyUnit;
}
}
$numInput.val(oBuyNum);
});

时间: 2024-08-15 03:31:29

js input输入数量控制的相关文章

js input 输入规则

小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: <input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false"> 屏蔽输入法 <input type="text" name="url&quo

js input输入事件兼容性问题

if(navigator.userAgent.indexOf('Android') > -1){ $("#sign").on("input", function(){ //console.log(this.value); $(".num").html(self.globalNum - this.value.length); }); }else{ $("#sign").on("keyup compositione

正则表达式控制Input输入内容 ,js正则验证方法大全

https://blog.csdn.net/xushichang/article/details/4041507 正则表达式控制Input输入内容 2009年04月01日 17:15:00 阅读数:21747 不能输入中文 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>只能输入 数字和下划

正则及JS限制input输入类型

1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"><br/> 3.只能输入和粘贴数字 <input onkeyup="this

限制input输入类型(多种方法实现)

转自 http://blog.csdn.net/txqd1989/article/details/51697585 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))

js input 限制数类型

JS控制 input 输入字符限制 ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 只能是中文 <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 屏蔽输入法 <i

【Unity 3D】学习笔记四十六:输入与控制——键盘事件

在游戏中,玩家控制主角移动,按键攻击,选择行走.都需要在程序中监听玩家的输入.unity为开发者提供了input库,来支持键盘事件,鼠标事件以及触摸事件.本文主要回顾键盘事件,以后会逐文复习鼠标以及触摸事件. 键盘事件 一般的PC键盘有104个不同的按键,在程序中通过监听这些按键事件,从而进一步执行逻辑操作.如:射击游戏中,W表示前进,S表示后退,A表示左移,D表示右移. 按下事件 在脚本中,用input.GetKeyDown( )方法将按键值作为参数,监听此按键是否被按下.按下返回true,否

js表单验证控制代码大全

http://www.cnblogs.com/SAL2928/archive/2008/10/24/1319020.html目录: 1:js 字符串长度限制.判断字符长度.js限制输入.限制不能输入.textarea 长度限制 2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证

js实现购物车数量的增加与减少,js实现购物车数量的自增与自减

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-