راکت
حل شده

کنترل مقدار ورودی برای input

4 پاسخ

سلام من یه تمرینی دارم انجام میدم که باید مقادیر ورودی input رو باید محدود بکنم و همچنین نیاز دارم وقتی event lisener رو روی key up تعریف میکنم دیگ بعد از اون مقدار نگیره لطفا راهنماییم کنید حتما هم با جاوا اسکریپت باشه اگ هم مقاله در باره او کد به من معرفی کنید که عالی میشه بازم ممنونم

ثبت پرسش جدید

پاسخ‌ها

4
محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

بهترین پاسخ

خب دیگه برای اینکه بیشتر از ده تا نگیره با همون رجکس باید چک کنی اگه بیشتر از ده تا بود حالا یا ارور نمایش بدی یا از ولیو کمش کنی

محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

لطفا واضح تر توضیح بدید محدودیت از چه لحاظ؟ یعنی چه بعدش دیگه مقدار نگیره؟
کلا کنترل اینپوت با همون ایونت ها انجام میشه مثلا اینطوری

const input = document.querySelector('input')

input.addEventListener('keyup', e => {
    const pattern = /[a-z]{5,10}/
    if (!pattern.test(e.target.value)) // error
})
فرزانه محمدی
فرزانه محمدی
@frznwh

ممنون که جواب دادید بله دیگ مقدار نگیره ینی input باید 10 عدد بگیره الان کد رو اجرا کردم وقتی back space رو میزنم چون داخل کد html براش max lenght تعریف کردم 10 وقتی 10 تا کاراکتر میگیره دیگ واسه key down چیزی نمینویسه ولی واسه key up تایپ میکنه  تصویر

شاید پاسخ شما همین‌جا باشد

فرزانه محمدی
فرزانه محمدی
@frznwh

مرسی اقا💚 خیلی لطف کردی

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام