رفتن به مطلب

مشکل با دو سابمیت در فرم


پست های پیشنهاد شده

سلام . وقت بخیر .

من یک فرم دارم با تعداد فیلد زیاد که تو عکس بخشی از اون رو گذاشتم .

یک قسمت این فرم برای آپلود تصویر هست که کاربر وقتی عکس رو انتخاب میکنه با آجاکس همون لحظه عکس رو به کاربر نشون میده .

در آخر وقتی دکمه ی عضویت رو میزنه تمام مشخصات ثبت میشن .

فقط یک مشکلی هست .

این دو دکمه ی آپلود و عضویت روی هم تاثیر میزارن .

بعنوان مثال بخشی از کد آپلود اینه که گفتم اگه دکمه ی آپلود کلیک شد سابمیت انجام بشه :



$('#sub_upload').click(function()
{
sub_form();

});
function sub_form(){
$('#up_file').submit(function(){
//mycode
}

و کل فرم هم یک اکشن داره :



<form id="up_file" enctype="multipart/form-data" method="post" action="regist">
<!--
my field
-->
</form>

مشکل اینه :

اگه دکمه ی آپلود رو بدون انتخاب عکس کلیک کنم ، دیگه تا آخر دکمه ی عضویت کار نمیکنه ( باید حتما عکس انتخاب کنم تا عضویت کار کنه )

چکار کنم که اینها روی هم تاثیر نداشته باشن .

post-1361-0-82463700-1403321800_thumb.jp

ویرایش شده توسط pary_daryayi
لینک به ارسال

خب عکس رو با یه فرم دیگه ارسال کنید. دقت کنید نام 2 تا فرم مثل هم نباشه.

  • امتیاز 1
لینک به ارسال

اینطور منظورتونه ؟

ولی نمیشه :


<form name="form1" action="form2.php" method="post"/>

<form name="form2" id="up_file" enctype="multipart/form-data" method="post">
<input type="text" name="tffile" value="upload"/>
<input type="submit" value=" upload " name="submit" />
</form>

<input type="text" name="tfname"/>
<input type="submit" value=" عضویت " name="submit2" />

</form>

فرم درونی action میشه ولی فرم بیرونی نه .

من میخوام برای فرم درونی ، با آجاکس آپلود رو انجام بدم و با فرم بیرونی تمام اطلاعات رو ارسال کنه

ویرایش شده توسط pary_daryayi
لینک به ارسال

این جا هم همین موضوع مطرح شده ،

که میگن چنین چیزی نمیشه ،

و راه دوم ارائه دادند که همون راهی هست که من استفاده میکنم اما تداخل ایجاد میشه

  • امتیاز 1
لینک به ارسال
  • 8 سال بعد...

فقط لازمه موقعی که کاربر عکس رو آپلود می کنه خاصیت enctype multipart/form-data به فرم اضافه بشه

<script>
$("#آی دی دکمه آپلود").on('change', function () {
  $('#آی دی فرم').attr("enctype","multipart/form-data");
});

</script>

اگه خواستی enctype رو از فرم حذف کنی به جای attr از removeAttr استفاده کن

ویرایش شده توسط poorqayoom
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...