现有以上页面,要求变更数量输入框中只能输入数字,输入其它字符效果如下
jsp页面body中相关代码如下
<td> <input class="del_num" type="text" size="3" maxlength="4" id="num<s:property value='value.product.productId'/>" value="<s:property value='value.productCount'/>" onkeyup="ckUpdateNum(this,'msgUpdateNum<s:property value="value.product.productId"/>');"/> <a href="javascript:" id="update" onclick="location='${pageContext.request.contextPath}/cart/changeProductCount?productId=<s:property value="value.product.productId"/>&productCount='+document.getElementById('num<s:property value="value.product.productId"/>').value">变更</a> <span id="msgUpdateNum<s:property value='value.product.productId'/>"></span> </td>
js部分相关代码如下
<script type="text/javascript"> function ckUpdateNum(obj,sid){ var num = $(obj).val(); console.log(sid); if(/^[0-9]{1,}$/.test(num)){ $("#"+sid).html(""); $("#update").css("display","inline"); return true; } else{ $("#"+sid).html("wrong"); $("#"+sid).attr("style","color:red;"); $("#update").css("display","none"); return false; } } </script>