1. » »
  2. » فعال کردن دکمه در فرم با فشردن دکمه enter

فعال کردن دکمه در فرم با فشردن دکمه enter

حتما این مطلبی که میخوام امروز در موردش صحبت کنم را در سایت هایی که فرم های ورود به ناحیه کاربری و یا جستجو دارند متوجه این مطلب شده باشید که بعد از وارد کردن اطلاعات, بدون اینکه به ماوس دست بزنید یا روی button کلیک کنید، تنها با فشردن Enter از کیبورد خود در هر کدام از تکست باکس های مشخص شده (که دکمه Enter  روی کدام تکست باکس ها عمل کند) منجر به سابمیت شدن فرم می شود.

اما چگونه می توان چنین کاری را روی فرم های خود پیاده کنیم؟ 

این یک ویژگی ذاتی برای فرم ها و buttonها نیست و باید با استفاده از کدهای جاوااسکریپت یا Jquery این خاصیت رو به فرم یا buttonهاتون اضافه کنید. 
با اضافه کردن کد زیر در فرم و  کدهای جاوا اسکریپت می توانید از این امکان در فرم های خود استفاده کنید. 


<input type="text" id="field-id">
<button type="button" class="btn btn-primary" id="button-id" >ورود به ناحیه کاربری</button>

 

<script>
$('document').ready(function(){
// Using jQuery.
$("#field-id").keyup(function(event){
    if(event.keyCode == 13){
        $("#button-id").click();
    }
});
});
</script>


طرز کار کد هم به این صورت هست  که فیلدهای مورد نظری که قراره وقتی روی اون فیلد(ها) هستیم Enter عمل کنه رو  باید مشخص کنیم و رویداد keyup (هنگامی رخ میدهد که دکمه ی فشرده شده رها شود) را روی این فیلدها فعال کنیم.
در مرحله ی بعد کد بررسی می کنه که اگه کلید Enter را کاربر فشار داده و رها کرده باشد دکمه ی button فعال می شود. در خط ششم هم بجای button-id آی دی دکمه ای که قراره روش کلیک بشه را باید مشخص کنیم.
 
باتشکر از همراهی شما winked 

مقالات مشابه

کارشناس فروش