فعال کردن دکمه در فرم با فشردن دکمه enter
nazanin در 18/08/23
حتما این مطلبی که میخوام امروز در موردش صحبت کنم را در سایت هایی که فرم های ورود به ناحیه کاربری و یا جستجو دارند متوجه این مطلب شده باشید که بعد از وارد کردن اطلاعات, بدون اینکه به ماوس دست بزنید یا روی 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 آی دی دکمه ای که قراره روش کلیک بشه را باید مشخص کنیم.
باتشکر از همراهی شما