في العمل اليومي ، يعد تصفية بعض الشخصيات الخاصة في النموذج وظيفة شائعة جدًا ، مثل طلب أرقام بسيطة لإدخالها في النص ، ولكن المستخدمين في بعض الأحيان يدخلون عن طريق الخطأ بعض المساحات الإضافية أو النص المختلط مع أحرف أخرى ، والتي من الواضح أنها لا تفي بمتطلبات الإدخال. دعونا نتعلم كيفية إزالة المساحات على جانبي السلسلة. قبل التصفية: بعد التصفية: رمز HTML:
<div> <input id = "username" type = "text" placeholder = "الرجاء إدخال اسم المستخدم"> <input id = "rule" type = "button" value = "filter"> </viv>
رمز CSS:
html ، body ، div ، input {margin: 0 ؛ padding: 0 ؛} .main {width: 400px ؛ الارتفاع: auto ؛ padding: 0 15px ؛ text-align: Center ؛}. إدخال [type = "text"] {text-align: left ؛ padding-left: 15px ؛ size-size: border-box ؛ الحدود: 1px solid blue ؛} إدخال [type = "button"] {width: 50 ٪ ؛ background: box-sizing: media فقط و (max-width: 415px) {.main {width: 100 ٪ ؛جزء JS:
var username = document.getElementById ('username') ، rule = document.getElementById ('rule') ، regexempty =/^(/s |/u00a0)+| (/s |/u00a0)+$/g ؛ rule.onclick = function () {username.value = username.value.replace (regexempty ، '') ؛ // استبدال console.log بانتظام (username.value) ؛ }تزيل المقالة أعلاه المساحات الموجودة على الجانبين الأيسر والأيمن من السلسلة (رمز التنفيذ) هي كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.