js与struts2的OGNL语言结合案例

现有以上页面,要求变更数量输入框中只能输入数字,输入其它字符效果如下


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>

猜你喜欢

转载自blog.csdn.net/weixin_42273990/article/details/80518303