jQuery Strip空白

Question

私はウェブデザイナーではない、私はちょうどレガシープログラマーを置く何かに変更しようとしている。

テキストフィールドの長さは最大10文字です。ソースはスペースを含むようにページの10文字のコードを変更しているため、顧客はこのコード（スペースを含む）をコピーして貼り付けていますこの14文字。

これは、人々が注意を払っていない（明らかに間違いではない）ため、切り詰められたコードを送信しています。

私はペーストの上にホワイトスペースを取り除くために、フォームに入力の上で置くためにいくつかのjQueryコードを見つけました：私はコピーすると

$(function() { 
 
    $('#dlc_code_txtbx0').bind('input', function() { 
 
    $(this).val(function(_, v) { 
 
     return v.replace(/\s+/g, ''); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<!-- This is my form field --> 
 
<input type="text" id="dlc_code_txtbx0" name="dlc_code_txtbx0" 
 
     class="cen" size="20" maxlength="10" placeholder="yNGsstK" />

とのAA BB CCのddを貼り付けますeeを入力すると、空白は削除されますが、文字は切り捨てられます。誰かが私を正しい方向に向けることができますか？

Answer 1

inputのmaxlength属性のために、10個以上の文字を追加することはできません。あなたはその属性を削除したい場合、あなたはそのようなJavascriptを（jQueryの）内のテキストを切り捨てることができます。

$(function(){ 
    $('#dlc_code_txtbx0').bind('input', function(){ 
     $(this).val(function(_, v){ 
      var outputValue = v.replace(/\s+/g, ''); 
      return outputValue.substr(0, 10); // substr will truncate the final string 
     }); 
    }); 
}); 

はsubstr() referenceを見てください。