现有以上页面,要求变更数量输入框中只能输入数字,输入其它字符效果如下
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'/>" οnkeyup="ckUpdateNum(this,'msgUpdateNum<s:property value="value.product.productId"/>');"/>
<a href="javascript:" id="update" οnclick="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>