اذهب إلى المحتوى

السؤال

نشر

السلام عليكم.

عندي فورم موجودة بداخل modal bootstrap

<form action="" id="add-author-form" method="post" autocomplete="off">
                    <div class="row">
                        <div class="col-sm-6 col-12 mb-3 mb-sm-0">
                            <label for="name_ar" class="form-label">إسم الكاتب - عربي</label>
                            <input required type="text" name="name_ar" id="name_ar" placeholder="إسم الكاتب باللغة العربية" class="form-control">
                            <small class="form-text text-danger name_ar"></small>
                        </div>
                        <div class="col-sm-6 col-12 mb-3 mb-sm-0">
                            <label for="name_en" class="form-label">إسم الكاتب - إنجليزي</label>
                            <input type="text" name="name_en" id="name_en" placeholder="إسم الكاتب باللغة الإنجليزية" class="form-control">
                            <small class="form-text text-danger name_en"></small>
                        </div>
                    </div>
                </form>

لا يعمل onsubmit event عند تطبيقه على الفورم الا بحذف الinput الاولى.. يمعنى انه يتطلب وجود input واحدة فقط فما المشكلة؟

لا اريد استخدام ازرار مع العلم جربته على متصفحات اخرى ونفس المشكلة

Recommended Posts

  • 0
نشر

أولا لقد نسيت وضع قيمة action في ال form  وهو ضروري لعمل post request

  و onsubmit event يعمل فقط عندما يتم عمل submit ل form و يمكن عمل ذلك بطريقتين:

الأولى هي بواسطة زر submit 

<form action="https://your-domain.com/add-author" id="add-author-form" method="post" autocomplete="off">
                    <div class="row">
                        <div class="col-sm-6 col-12 mb-3 mb-sm-0">
                            <label for="name_ar" class="form-label">إسم الكاتب - عربي</label>
                            <input required type="text" name="name_ar" id="name_ar" placeholder="إسم الكاتب باللغة العربية" class="form-control">
                            <small class="form-text text-danger name_ar"></small>
                        </div>
                        <div class="col-sm-6 col-12 mb-3 mb-sm-0">
                            <label for="name_en" class="form-label">إسم الكاتب - إنجليزي</label>
                            <input type="text" name="name_en" id="name_en" placeholder="إسم الكاتب باللغة الإنجليزية" class="form-control">
                            <small class="form-text text-danger name_en"></small>
                        </div>
                    </div>
   <input type="submit" />  <!-- يجب ضافة زر هنا--->
 </form>
   
   

الطريقة الثانية هي تاقائيا عن طريق javascript (مكتبنة jquery) مثلا

$(document).ready(function(){
  
  // للفورم  submit هذه الدالة تقوم بعمل  
  // يمكنك إستعمالها كيفما تريد
   var submitForm  = function(e){
     $('#add-author-form').submit();
     }
   
});

 

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...