ลบช่องว่างทั้งสองด้านของสตริง (รหัสการใช้งาน)

ในการทำงานประจำวันการกรองอักขระพิเศษบางอย่างในแบบฟอร์มเป็นฟังก์ชั่นที่พบบ่อยมากเช่นต้องการหมายเลขง่าย ๆ ที่จะป้อนในข้อความ แต่บางครั้งผู้ใช้ก็เข้าสู่ช่องว่างพิเศษหรือข้อความที่ผสมกับอักขระอื่น ๆ ซึ่งไม่ตรงตามข้อกำหนดการป้อนข้อมูล มาเรียนรู้วิธีลบช่องว่างทั้งสองด้านของสตริง ก่อนการกรอง: หลังจากการกรอง: รหัส HTML:

 <div> <อินพุต id = "ชื่อผู้ใช้" type = "text" placeholder = "โปรดป้อนชื่อผู้ใช้"> <อินพุต id = "กฎ" type = "ปุ่ม" value = "ตัวกรอง"> </div>

รหัส CSS:

 html, body, div, อินพุต {margin: 0; padding: 0;} .main {width: 400px; ความสูง: auto; padding: 0 15px; text-allign: center;}. main อินพุต {width: 100%; ความสูง: 35px; อินพุต [type = "text"] {text-align: ซ้าย; padding-left: 15px; การปรับขนาดกล่อง: border-box; border: 1px solid blue;} input [type = "button"] {width: 50%; พื้นหลัง: สีน้ำเงิน;} @media หน้าจอเท่านั้น

JS Part:

 var username = document.getElementById ('ชื่อผู้ใช้'), regu = document.getElementById ('กฎ'), regexempty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g; Rule.onclick = function () {username.value = username.value.replace (regexempty, ''); // แทนที่ console.log (ชื่อผู้ใช้เป็นประจำ); -

บทความข้างต้นลบช่องว่างทางด้านซ้ายและขวาของสตริง (รหัสการใช้งาน) เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น