js 验证 商品货号并批量生成

function snCheck(){
  var RegExp = /^[0-9a-zA-Z]{9}$/;
  $("#sn_input input").each(function(){
     if(jQuery.trim($(this).val()).length > 0){
          if(!RegExp.test(jQuery.trim($(this).val()))){
                 $(this).css("color","red");
           }else $(this).css("color","black");
       }else $(this).css("color","black");
  });
  $("#sn_input input").each(function(){
    if(jQuery.trim($(this).val()).length > 0 && $(this).css("color") != 'rgb(255, 0, 0)'){
         var thiz = $(this);
         var  te = jQuery.trim(thiz.val());
         var len = thiz.nextAll().length;
         if( len > 0){
              thiz.nextAll().each(function(){
                   if(jQuery.trim($(this).val()).length > 0 && $(this).css("color") != 'rgb(255, 0, 0)'){
                      var text = jQuery.trim($(this).val());
                      if(te == text){
                          thiz.css("color","blue");
                          $(this).css("color","blue");
                      }
                   }      
              });
         }
     }
  });    
}
function setSnCount(){
  var snCount = 0;
       $("#sn_input input").each(function(){
         if(jQuery.trim($(this).val()).length > 0){
              snCount = snCount + 1;
           }
      });
      $("#snCount").text(snCount);
}
function createCheck(){
      snCheck();
      setSnCount();
      var tf = false;
      $("#sn_input input").each(function(){
           if(jQuery.trim($(this).val()).length > 0){
              tf = true;
              return;
           }
      });
      if(!tf){
           alert("请输入货号!");
           return false;
      }
      $("#sn_input input").each(function(){
           if($(this).css("color") == 'rgb(255, 0, 0)' || $(this).css("color") == 'rgb(0, 0, 255)'){
                tf = true;
                return;
            }
      });
      if(tf){
           alert("请检查货号格式及是否重复!");
           return false;
      }
      return true;
}
$(function(){
   $('#sn_input input').live('blur',function(){
       snCheck();
       setSnCount();
   });
   $('#sn_input input').live('focus',function(){
       $(this).css("color","black");
   });
   $('#sn_input input').live('keydown',function(event){
      if(event.keyCode == "13"){
            if($(this).next().length > 0){
               var text = $(this).next().val();
               $(this).next().val("");
               $(this).next().focus().val(text);
            }else{
               var  newHtml = '<input   value="" style="border:0px;font-size:14px;" size="61" maxLength="9"/>';
               $("#sn_input").append(newHtml);
               $(this).next().focus();
            }
      }else if(event.keyCode == "8"){
         if($(this).prev().length > 0){
             if(jQuery.trim($(this).val()).length == 0){
               var text = $(this).prev().val();
               $(this).prev().val("");
               $(this).prev().focus().val(text);
               if($(this).prevAll().length > 10)
                   $(this).remove();
               event.preventDefault();
             }
         }
      }else if(event.keyCode == "38"){
         if($(this).prev().length > 0){
               var text = $(this).prev().val();
               $(this).prev().val("");
               $(this).prev().focus().val(text);
         }
      }else if(event.keyCode == "40"){
         if($(this).next().length > 0){
               var text = $(this).next().val();
               $(this).next().val("");
               $(this).next().focus().val(text);
         }
      }
   });

});

//

<script type="text/javascript" src="/resource/pro-act/batchaddsn.js"></script>
<div style="width:100%;margin-top:20px;">
   <div style="height:auto;">
        <div style="width:40%;float:left;">
           <div style="width:90%;text-align:center;margin:0 auto;">
               <div style="text-align:left;font-size:14px;">填入产品货号:</div>
               <div id="sn_input" style="width:95%;border:1px solid #D6D6D6;height:200px;overflow-y:scroll;text-align:left;">
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                    <input   value="" style="border:0px;font-size:14px;" size="40" maxLength="9"/>
                </div>
                <div style="text-align:left;font-size:14px;">共填入<span id="snCount">0</span>个产品货号</div>
            </div>
        </div>
        <div style="width:20%;float:left;padding-top:100px;text-align:center;margin:0 auto;">
            <input type="button" id="create" value="生成列表" onClick="javascript:createCheck();"/>
        </div>
        <div style="width:40%;float:left;">
              <div style="width:90%;text-align:center;margin:0 auto;">
                  <div style="text-align:left;font-size:14px;">错误货号:</div>
                <div style="width:95%;height:200px;overflow-y:scroll;text-align:left;border:1px solid #D6D6D6;">
                    
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
</div>