毎日の作業では、形式でいくつかの特殊文字をフィルタリングすることは非常に一般的な機能です。たとえば、単純な数字をテキストに入力する必要がありますが、ユーザーは誤って余分なスペースや他の文字と混合されたテキストを入力することがあります。文字列の両側のスペースを削除する方法を学びましょう。フィルタリング前:フィルタリング後:HTMLコード:
<div> <入力ID = "username" type = "text" placeholder = "username"> <入力ID = "ルール"タイプ= "Value ="フィルター "> </div>
CSSコード:
html、body、div、input {margin:0; padding:0;} .main {width:400px; height:auto; padding:0 15px; text-align:center:center;} .main input {width:100%; height:35px; border:none; radgen-radius:5px;} input [type = "text"] {text-align:left; padding-left:15px; box-sizing:border-box; border:1px solid blue;} input [type = "button"] {width:50%; background:blue;} @mediaのみのスクリーンと(max-width:415px){width:100%; box-sizing;JSパート:
var username = document.getElementById( 'username')、rule = document.getElementById( 'rool')、regexEmpty =/^(/s |/u00a0)+|(/s |/u00a0)+$/g; rule.onclick = function(){username.value = username.value.replace(regexempty、 ''); // console.log(username.value); }上記の記事では、文字列の左側と右側のスペース(実装コード)を削除します(実装コード)は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。