일상적인 작업에서 양식에서 일부 특수 문자를 필터링하는 것은 텍스트로 간단한 숫자를 입력하도록 요구하는 것과 같은 매우 일반적인 기능이지만, 사용자는 때때로 입력 요구 사항을 충족하지 않는 다른 문자와 혼합 된 추가 공백이나 텍스트를 실수로 입력합니다. 문자열의 양쪽에서 공백을 제거하는 방법을 배우겠습니다. 필터링 전 : 필터링 후 : HTML 코드 :
<div> <입력 id = "사용자 이름"유형 = "텍스트"자리 표시기 = "username을 입력하십시오"> <입력 id = "규칙"유형 = "버튼"value = "필터"> </div>
CSS 코드 :
HTML, BODY, DIV, 입력 {마진 : 0; 패딩 : 0;}. 메인 {너비 : 400px; 높이 : 자동; 패딩 : 0 15px; 텍스트-알림 : 중심;}. 메인 입력 {너비 : 100%; 입력 [type = "text"] {text-align : left; padding-left : 15px; box-sizing : border-box; portle : 1px solid blue;} 입력 [type = "button"] {width : 50%; 배경 : 파란색;} @Media 전용 화면 및 (Max-width : 415px) {.main {})}}JS 부분 :
var username = document.getElementById ( 'username'), rule = document.getElementById ( 'rule'), regexempty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g; lule.onclick = function () {username.value = username.value.replace (regexempty, ''); // 정기적으로 console.log (username.value)를 교체합니다. }위의 기사는 문자열의 왼쪽과 오른쪽의 공간을 제거합니다 (구현 코드)는 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.