Tek buton ile çoklu form kaydetme

devcikox 1067 gün önce

513 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhaba, çok sekmeli bir formum mevcut. Tek bir submit işlemi ile tüm verileri INSERT edebilir myim DB'ye?
Her sekmede ürünle ilgili farklı özellikler mevcut. Genel bilgileri, seo vs.vs.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (7)

fuatogur

1067 gün önce

ayrı form kullanmak yerine tab kullanarak tek form ile yapabilirsin. Bootstrap Tab

#005124

kralldepo

1067 gün önce

bu Şekilde Dene Bakalım post ettinde print_r($_POST) ile tüm verileri yakala ve istedin gibi işle

<div class="col-md-12">
 	<div class="tabs">
 		<ul class="nav nav-tabs nav-justified">
 			<li class="active">
 				<a href="#genel" data-toggle="tab" class="text-center"></i>Genel</a>
 			</li>
 			<li>
 				<a href="#fiyat" data-toggle="tab" class="text-center">Görsel</a>
 			</li> 
 		</ul>
 		<form id='form'class="form-horizontal form-bordered" method="POST" action="#" enctype="multipart/form-data">
 			<div class="tab-content">
 				<div id="genel" class="tab-pane active">
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Ürün Adı</label>
 						<div class="col-md-6">
 							<input type="text" class="form-control" name='name'>
 						</div>
 					</div> 
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Ürün Başlık</label>
 						<div class="col-md-6">
 							<input type="text" class="form-control" name='title'>
 						</div>
 					</div>
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Ürün Alt Başlık</label>
 						<div class="col-md-6">
 							<input type="text" class="form-control" name='alt_title'>
 						</div>
 					</div>
 				</div>
 				<div id="fiyat" class="tab-pane">
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Bayi 1</label>
 						<div class="col-md-6">
 							<input type="text" name="price_1" class="form-control" id="inputDefault">
 						</div>
 					</div>
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Bayi 2</label>
 						<div class="col-md-6">
 							<input type="text" name="price_2" class="form-control" id="inputDefault">
 						</div>
 					</div>
 					<div class="form-group">
 						<label class="col-md-3 control-label" for="inputDefault">Bayi 3</label>
 						<div class="col-md-6">
 							<input type="text" name="price_3" class="form-control" id="inputDefault">
 						</div>
 					</div>
 				</div>
 			</div>
 			<form id='form'class="form-horizontal form-bordered" method="POST" action="#" enctype="multipart/form-data"> <input type="submit" class=" btn btn-primary" form='form' value='Ürün Kaydet'>
 			</form>

 		</div>
 	</div>
 </div>

#005137

devcikox

1067 gün önce

Cevaplarınız için teşekkür ederim. HTML kısmın sadeleştirilmiş halini paylaştım.Tüm elemanları tek bir forma alırsam tasarım bozulur diye düşünüyorum.

#005132

devcikox

1067 gün önce

    <div class="col-md-12">
        <div class="tabs">
            <ul class="nav nav-tabs nav-justified">
                <li class="active">
                    <a href="#genel" data-toggle="tab" class="text-center"></i>Genel</a>
                </li>
                <li>
                    <a href="#fiyat" data-toggle="tab" class="text-center">Görsel</a>
                </li> 
            </ul>
            <div class="tab-content">
                <div id="genel" class="tab-pane active">
                    <form id='form'class="form-horizontal form-bordered" method="POST" action="#" enctype="multipart/form-data">
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Ürün Adı</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" name='name'>
                            </div>
                        </div> 
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Ürün Başlık</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" name='title'>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Ürün Alt Başlık</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" name='alt_title'>
                            </div>
                        </div>
                    </form>
                </div>
                <div id="fiyat" class="tab-pane">
                    <form class="form-horizontal form-bordered" method="post">
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Bayi 1</label>
                            <div class="col-md-6">
                                <input type="text" name="price_1" class="form-control" id="inputDefault">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Bayi 2</label>
                            <div class="col-md-6">
                                <input type="text" name="price_2" class="form-control" id="inputDefault">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label" for="inputDefault">Bayi 3</label>
                            <div class="col-md-6">
                                <input type="text" name="price_3" class="form-control" id="inputDefault">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <input type="submit" class=" btn btn-primary" form='form' value='Ürün Kaydet'>
        </div>
    </div>
</div>

</div>

#005131

omeryallcnn

1067 gün önce

Sekme yapısı içine form elementi açıp tab contentlerini o form elementi içerisine alırsan tek bir buton ile sekmelerdeki verileri submit edebilirsin.

#005130

kralldepo

1067 gün önce

Ekran Resmi veya kod yapısını paylaşmış olsan daha iyi olur

#005129

devcikox

1067 gün önce

Merhaba,cevabın için teşekkür ederim. tam olarak bahsettiğin yapıda form. Ama tek buton ile nasıl DB INSERT edeceğimi kuramadım.

#005127