تعیین فرمت ورودی ساعت

[vahidmoghadam]

سلام دوستان ،

بنده میخوام کاربر وقتی قصد ورود زمان رو در یک Input داره توسط جاوا اسکریپت طرف رو محدود کنم که حتما زمان صحیح وارد کنه.

واضح تر بگم یعنی:
وقتی کاراکتر اول رو میخواد وارد کنه فقط کلید های 0 و 1 و 2 از کیبورد پذیرفته بشه
وقتی کاراکتر دوم رو میخواد وارد کنه فقط کلید های 0 و 1 و 2 و 3 و 4 و 5 و 6 و 7 و 8 و 9 از کیبورد پذیرفته بشه
وقتی رسید به کاراکتر سوم خودش اتومات علامت : (دو نقطه) رو بزاره
برای کاراکتر چهارم فقط عدد های 0 تا 5
برای کاراکتر پنجم هم فقط عددهای 0 تا 9

حالا چه بهتر میشه وقتی در کاراکتر اول (رقم اول ساعت) وقتی عدد 2 رو وارد کرد برای کاراکتر دوم (رقم دوم ساعت) فقط عددهای 0 و 1 و 2 و 3 پذیرفته بشه

چه طور میتونم این کار رو انجام بدم، لطفا راهنمایی کنید...
خیلی ممنونم

[frednasri]

سلام.

برای این کار لازمه که از regular expressions (http://www.w3schools.com/jsref/jsref_obj_regexp.asp) استفاده کنید.

اما راحت تر اینه که از یه پلاگین مثل jQuery Input Mask (http://robinherbots.github.io/jquery.inputmask/) استفاده بشه.

برای این کار، سه تا فایل پیوست رو به ترتیب زیر بعد از فایل jQuery تو صفحه ایمپورت کنید:

<script src = "jquery-1.11.3.min.js"></script>


<script src = "inputmask.js"></script>
<script src = "jquery.inputmask.js"></script>
<script src = "inputmask.date.extensions.js"></script>

سپس، فقط کافیه کد زیر رو به فایل جاوااسکریپت اضافه کنید که اون چیزی که نیاز دارید روی تگ input با (id = time) اجرا بشه:

$('#time').inputmask('hh:mm:ss');

135820

موفق باشید.