• ایجاد Default Submit Button در ASP.NET MVC با کمک JQuery
ایجاد Default Submit Button در ASP.NET MVC با کمک JQuery
1395/09/13 - 15:11:39 // MVC 5 & 6 // 0 نظر // 246 بازدید

مواردی هست فرم که ما باید با زدن دکمه Enter عمل Submit را انجام داده و اطلاعات فرم را به سرور ارسال نماید. این در ASP.NET MVC مشابه ASP.NET WebForm نبوده و پیش بینی خاصی با دستور یا Server Side Markup برای آن وجود ندارد. در این مقاله خیلی ساده و سریع از طریق JQuery یک Default Submit Button ایجاد خواهیم نمود.

بسمه تعالی

ایجاد Default Submit Button در ASP.NET MVC با کمک JQuery

مواردی هست فرم که ما باید با زدن دکمه Enter عمل Submit را انجام داده و اطلاعات فرم را به سرور ارسال نماید. این در ASP.NET MVC مشابه ASP.NET WebForm نبوده و پیش بینی خاصی با دستور یا Server Side Markup برای آن وجود ندارد. در این مقاله خیلی ساده و سریع از طریق JQuery یک Default Submit Button ایجاد خواهیم نمود.

برای انجام این کار دو مرحله مفروض است.

1- ایجاد و تنظیم Script های JQuery

2- نوشتن Form Helper توسط Html.BeginForm 

بخش JavaScript و در اصل JQuery به شکل زیر خواهد بود.

  1.  <script type="text/javascript"> $(document).ready(function (){ $("#MyForm").keypress(function (e) { kCode =   
  2. e.keyCode || e.charCode //for cross browser  
  3.  if (kCode == 13) {   
  4. var defaultbtn = $(this).attr("DefaultButton");  
  5.  $("#" + defaultbtn).click();  
  6.  return false;  
  7.  }  
  8.  });  
  9. });  
  10. </script>  
 
 

حال باید BeginForm به شکل زیر در Razor View ایجاد گردد.

  1. @using (Html.BeginForm("Index""Home", FormMethod.Post, new 
  2. {   DefaultButton = "SubmitButton", id = "MyForm" }))  
  3. {  
  4.  @Html.TextBox("txtname")  
  5.  <span>Please Enter value and then press Enter Key</span><br />  
  6.  <input type="submit" name="btnSubmit" id="SubmitButton" value="Submit" />  
  7. }   
 
 خوب مراحل کار به همین سادگی بود. نام فرم هم در JQuery و هم توسط ID در Helper لحاظ شده و Event لازمه توسط JQuery ایجاد خواهد گردید.
علی کلاهدوزان
معرفی نویسنده : علی کلاهدوزان

سلام بر دوستان ،
شاید رایج است به عنوان پروفایل کاربر ، چند خطی راجع به خودم بنویسم ، ولی وضعیت کاری و سوابق من با یک جستجوی ساده در گوگل مشخص خواهد شد ، لذا سرتان را با مطالب بی مورد به درد نیاورم بهتر است . اگر نکته خاصی لازم بود بدانید در قسمت "ایلیا سافت در یک نگاه" به احتمال زیاد یافت خواهد شد . جزئیات بیشتر را سوال کنید ، آدرس ایمیل Ali@Kolahdoozan.com همیشه جوابگوی شماست .امیدوارم از مطالب سایت استفاده کرده باشید . شاد و پیروز باشید .

امتیاز به مطلب
           
برچسب ها
ُSubmit Button Jquery 
نظرات کاربران
ارسال نظر