سلام دوستان.
من برای افزودن یک رکورد به جدول از جاوا اسکریپت و PartialView استفاده کردم. به این صورت زمانی که کاربر روی دکمه افزودن کلیک می کنه یه مودال باز میشه و یه textbox داره. توی textbox اطلاعات خودش رو وارد میکنه و پس از زدن دکمه ثبت توی دیتابیس ذخیره میشه. حالا مشکل من اینه، زمانی که کاربر پس از تایپ در textbox اینتر رو میزنه میره به PartialView ای که توی مودال نشان داده میشه.
برای درک بهتر سوال دوتا عکس آپلود کردم
کدهاتون رو قرار بدید.
public ActionResult JobAdd() { ViewBag.CompanyId = new SelectList(db.Companies, "CompanyId", "Name"); return PartialView(); }
بالا کد مربوط به PartialView هست و پایین کد مربوط به نشان دادن PartialView و مودالی که PartialView در آن نشان داده می شود
<script> $(".panel-body").on('click', '.btn-success', function () { var modal = document.getElementById('AddModal'); $('.Addspan').load('/Users/Jobs/JobAdd/'); modal.style.display = "block"; window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } } }); </script>
button که در modal شما قرار دارد باید تایپ آن برابر button به شکل زیر:
<button type="button"></button>
برای این که از کلید Enter در ارسال form جلوگیری شود هم میتوانید از کد زیر استفاده کنید:
$(document).keypress( function(event){ if (event.which == '13') { event.preventDefault(); } });
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)