当前位置: 代码迷 >> Web前端 >> 文本输入框中只得输入数字的限制
  详细解决方案

文本输入框中只得输入数字的限制

热度:71   发布时间:2012-11-25 11:44:31.0
文本输入框中只能输入数字的限制
/*物品数量 单价输入控制验证*/
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
	
$(document).ready(function (){
    //物品数量输入验证
    $(".wareamount").keyup(function()
    {	    	   
	this.value=this.value.replace(/\D/g,'');
    });
	  
    //物品单价输入验证
    $(".price").keypress(function()
    {
         if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))
	{
	    this.value=this.t_value;
	 }	    	            
	else
	{
	    this.t_value=this.value;
	 }
	    	   
         if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))
	{
	    this.o_value=this.value;
	 }	    	   
	    	    
	 }).keyup(function(){
	 if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))
	 {
	     this.value=this.t_value;
	  }	    		 
	  else
	  {
	      this.t_value=this.value;
	   } 
	  if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))
	  {
	      this.o_value=this.value;
	   }	    	
	  }).blur(function(){
	  if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))
	  {
	      this.value=this.o_value;
	   }
	   else
	   {
	      if(this.value.match(/^\.\d+$/))
                   this.value=0+this.value;
	      if(this.value.match(/^\.$/))
		 this.value=0;this.o_value=this.value
	    }
	    });	    	
	});
	    


/* 提交表单验证*/
function validate(){
    String.prototype.trim=function()
    {
        return this.replace(/(^\s*)|(\s*$)/g,'');
     }
    
   $(".warelist tr").not("th").each(function(){
       /* 判断提交信息格式*/
      if(!$(this).find("input[name='wareamount']")
         .val().match(/^\d*$/))
     {
          alert("数量必须为数字!");
          return false;
      }
      if(!$(this).find("input[name='price']")
          .val().match(/^[0-9]*.[0-9]{1,2}$/)
             & !$(this).find("input[name='price']")
               .val().match(/^[0-9]*$/))
      {
          alert("单价必须为正确金额数字!");
      	 return false;
       }
      if(!$(this).find("input[name='date']")
          .val().match(/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/))
      {
          alert("时间格式不正确!");
   	 return false;
       }
      });
</script>
  相关解决方案