1

كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >

كيف يمكن أرسال نموذج form من خلا الضغط على عنصر <a> بدلا عن العنصر <input type=submit >

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

0
Mustafa_Suleiman أضف ردا

أنت تقصد بدلاً من عنصر button؟

<button type="submit">إرسال</button>

ستحتاج إلى استخدام جافاسكريبت بحيث نستخدم دالة submit على النموذج نفسه عند الضغط على عنصر a كالتالي:

<!DOCTYPE html>
<html>
    <body>
        <h2>Use Anchor tag as Submit button</h2>
        <form id="formData" action="submit.php" method="POST">
            Username
            <br />
            <input type="text" name="UserName" id="UserName" />
            <br />
            Password
            <br />
            <input type="password" name="Password" id="Password" />
            <br />
            <a href="#" onclick="sendData()">
              Click here to submit form
            </a>
        </form>
  
        <script>
            function sendData() {
                document.getElementById("formData").submit();
            }
        </script>
    </body>
</html>

هناك فائدتان رئيسيتان لاستخدام دالة submit():

  1. يمكننا استخدام أي عنصر HTML كزر إرسال للنموذج.
  2. يمكننا التحكم في سلوك النموذج عند إرساله، مثل إرسال النموذج إلى صفحة معينة أو لإجراء عمليات أخرى قبل إرسال النموذج.
0
ali_alkaser2022 أضف ردا

يعني ليس هناك طريقه اخرى غير استخدام الحافا سكربت.

لانني رأيت مواقع متواضعه كنت ارتادها قديما، تقوم بارسال النموذج عن طريق العنصر <a>

مثل ماهو موجود في الصوره المرفقه

0
مجهول
  • حذف بواسطة المستخدم
0
Abdelbaset_ibrahem أضف ردا

تحتاج إلى استخدام جافا سكريبت للقيام بذلك لذا يمكنك استخدم jQuery أو javascript كالتالي.

<form id="myForm">
  <a class="submit" href="#">Submit</a>
</form>

jQuery

$(document).ready(function(){
  $("a.submit").click(function(){
    document.getElementById("myForm").submit();
  }); 
});

أو بالشكل التالي

<form id="myform">
  <a href="#" onclick="document.getElementById('myform').submit()">Submit</a>
</form>

أو يمكنك استخدام العنصر

<input type="submit">

ولكن الأفضل هو استخدام ال button

0
ali_alkaser2022 أضف ردا

شكرا جزيلا اخي

0
Adnane_Kadri أضف ردا

يمكنك الإستماع لحدث الضغط على عنصر a وتنفيذ حدث تقديم الاستمارة، فيما يلي مثال عملي عن ذلك:

<form action="/target" method="POST">
    <a href="#" onclick="this.parentElement.submit()"></a>
</form>
0
ali_alkaser2022 أضف ردا

شكرا لك اخي

0
Alasdee_Ali أضف ردا

whate is the different between parent el. and parent node