Bir formda iki gönderme düğmesi

Bir formda iki gönderme düğmem var . Hangisinin hit sunucu tarafında olduğunu nasıl belirleyebilirim?

Her birine bir ad verirseniz, tıklanan ad başka bir giriş olarak gönderilir.

<input type="submit" name="button_1" value="Click me">

Çözüm 1:
Her girişe farklı bir değer verin ve aynı adı koruyun:

<input type="submit" name="action" value="Update" />
<input type="submit" name="action" value="Delete" />

Daha sonra hangisinin tetiklendiğini görmek için kod kontrolünde:

if ($_POST['action'] == 'Update') {
    //action for update here
} else if ($_POST['action'] == 'Delete') {
    //action for delete
} else {
    //invalid action!
}

Buradaki problem, mantığınızı giriş içindeki kullanıcı tarafından görülebilir metne bağlamanızdır.

Çözüm 2:
Her birine benzersiz bir ad verin ve $ _POST girdisinin varlığını kontrol edin:

<input type="submit" name="update_button" value="Update" />
<input type="submit" name="delete_button" value="Delete" />

Ve kodda:

if (isset($_POST['update_button'])) {
    //update action
} else if (isset($_POST['delete_button'])) {
    //delete action
} else {
    //no button pressed
}

Daha da iyi bir çözüm, formu göndermek için düğme etiketlerini kullanmaktan oluşur:

<form>
    ...
    <button type="submit" name="action" value="update">Update</button>
    <button type="submit" name="action" value="delete">Delete</button>
</form>

Düğmenin içindeki HTML (örn ..>Update<... Kullanıcı tarafından görülen şeydir; HTML sağlandığı için value, kullanıcı tarafından görülebilir değildir; yalnızca sunucuya gönderilir. Bu şekilde uluslararasılaştırma ve birden çok görüntüleme diliyle ( eski çözüm, düğmenin etiketi de sunucuya gönderilen değerdir).

Buna yeni bir HTML5 yaklaşımı var formaction:

<button type="submit" formaction="/action_one">First action</button>
<button type="submit" formaction="/action_two">Second action</button>

Görünüşe göre bu IE9 ve önceki sürümlerde çalışmıyor, ancak diğer tarayıcılar için iyi olmalısınız (bkz: w3schools.com HTML <düğmesi> formaction Attribute ).

Şahsen ben genellikle Javascript kullanarak formları uzaktan (daha hızlı algılanan geri bildirim için) bu yaklaşımla yedekleme olarak göndermek için kullanıyorum. Bu ikisi arasında, yalnızca kapsamı olmayanlar Javascript devre dışı bırakılmış IE <9'dur.

Tabii ki, hangi düğmeye basıldığına bakılmaksızın temel olarak aynı işlemi sunucu tarafında gerçekleştiriyorsanız uygun olmayabilir, ancak genellikle iki kullanıcı tarafı eylemi varsa, bunlar da iki sunucu tarafı eylemiyle eşleşir.

Düzenleme: Yorumlarda Pascal_dher tarafından belirtildiği gibi, bu özellik <input>etiket üzerinde de mevcuttur .

Bunu test etmek son derece kolaydır

<form action="" method="get">

<input type="submit" name="sb" value="One">
<input type="submit" name="sb" value="Two">
<input type="submit" name="sb" value="Three">

</form>

Bunu bir HTML sayfasına koyun, düğmeleri tıklayın ve URL'ye bakın

formactionHTML özelliğini kullanın (5. satır):

<form action="/action_page.php" method="get">
    First name: <input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    <button type="submit">Submit</button><br>
    <button type="submit" formaction="/action_page2.php">Submit to another page</button>
</form>

<form>
    <input type="submit" value="Submit to a" formaction="/submit/a">
    <input type="submit" value="submit to b" formaction="/submit/b">    
</form>

Birden fazla gönderme düğmesi ile baş etmenin en iyi yolu, sunucu komut dosyasında anahtar durumu kullanmaktır

<form action="demo_form.php" method="get">

Choose your favorite subject:

<button name="subject" type="submit" value="html">HTML</button>
<button name="subject" type="submit" value="css">CSS</button>
<button name="subject" type="submit" value="javascript">Java Script</button>
<button name="subject" type="submit" value="jquery">jQuery</button>

</form>

sunucu kodu / sunucu betiği - formu gönderdiğiniz adres:

demo_form.php

<?php

switch($_REQUEST['subject']) {

    case 'html': //action for html here
                break;

    case 'css': //action for css here
                break;

    case 'javascript': //action for javascript here
                        break;

    case 'jquery': //action for jquery here
                    break;
}

?>

Kaynak: W3Schools.com

Belki burada önerilen çözümler 2009 yılında çalıştı, ancak tüm bu yükseltilmiş cevapları test ettim ve kimse herhangi bir tarayıcıda çalışmıyor.

çalışma buldum sadece çözüm şudur: (ama bence kullanmak için biraz çirkin)

<form method="post" name="form">
<input type="submit" value="dosomething" onclick="javascript: form.action='actionurl1';"/>
<input type="submit" value="dosomethingelse" onclick="javascript: form.action='actionurl2';"/>

Define nameolarak array.

<form action='' method=POST>
    (...) some input fields (...)
    <input type=submit name=submit[save] value=Save>
    <input type=submit name=submit[delete] value=Delete>
</form>

Örnek sunucu kodu (PHP):

if (isset($_POST["submit"])) {
    $sub = $_POST["submit"];

    if (isset($sub["save"])) {
        // save something;
    } elseif (isset($sub["delete"])) {
        // delete something
    }
}

elseifçok önemli, çünkü ikisi de ayrıştırılacak. Zevk almak.

Hangi sunucu tarafı komut dosyası yöntemini kullandığınızı belirtmediğiniz için, CherryPy kullanarak Python için çalışan bir örnek vereceğim (diğer bağlamlar için de yararlı olabilir):

<button type="submit" name="register">Create a new account</button>
<button type="submit" name="login">Log into your account</button>

Hangi düğmeye basıldığını belirlemek için değeri kullanmak yerine adı kullanabilirsiniz ( <button>etiket yerine <input>). Bu şekilde, düğmeleriniz aynı metne sahipse sorun yaratmaz. Düğmeler de dahil olmak üzere tüm form öğelerinin adları URL'nin bir parçası olarak gönderilir. CherryPy'de, bunların her biri sunucu tarafı kodunu yapan bir yöntem için bir argümandır. Bu nedenle, yönteminizin **kwargsparametre listesi varsa (her form öğesinin her bir adını sıkıcı bir şekilde yazmak yerine), hangi düğmeye basıldığını kontrol edebilirsiniz:

if "register" in kwargs:
    pass #Do the register code
elif "login" in kwargs:
    pass #Do the login code

<form method="post">
<input type="hidden" name="id" value="'.$id.'" readonly="readonly"/>'; //any value to post PHP
<input type='submit' name='update' value='update' formAction='updateCars.php'/>
<input type='submit' name='delete' value='delete' formAction='sqlDelete.php'/>
</form>

Sanırım GET dizinizdeki adı / değeri okuyabilmelisiniz. Tıklanmayan düğmenin bu listede görünmeyeceğini düşünüyorum.

Bu şekilde de yapabilirsiniz (N girişiniz varsa çok uygun olduğunu düşünüyorum).

<input type="submit" name="row[456]" value="something">
<input type="submit" name="row[123]" value="something">
<input type="submit" name="row[789]" value="something">

Yaygın bir kullanım durumu, her düğme için bir veritabanından farklı kimlikler kullanmaktır, böylece daha sonra sunucuda hangi satırın tıklandığını öğrenebilirsiniz.

Sunucu tarafında (bu örnekte PHP) kimliği almak için dizi olarak "satır" okuyabilirsiniz. $_POST['row']şeklinde yalnızca bir öğe içeren bir dizi olacaktır [ id => value ](örneğin:[ '123' => 'something' ] .

Dolayısıyla, tıklanan kimliği almak için şunları yaparsınız:

$index = key($_POST['row']);

http://php.net/manual/en/function.key.php

Bir form örneğinde birden çok gönderme düğmesi için formaction

 <input type="submit" name="" class="btn action_bg btn-sm loadGif" value="Add Address" title="" formaction="/addAddress"> 
 <input type="submit" name="" class="btn action_bg btn-sm loadGif" value="update Address" title="" formaction="/updateAddress"> 

Basit farklı gönderme düğmeleri form eylemini değiştirebilirsiniz tıklatın.

Bunu belgede deneyin. Hazır

$(".acceptOffer").click(function () {
       $("form").attr("action", "/Managers/SubdomainTransactions");
});

$(".declineOffer").click(function () {
       $("form").attr("action", "/Sales/SubdomainTransactions");
});

Ayrıca, bir href niteliği kullanabilir ve her düğme için eklenen değerle bir get gönderebilirsiniz. Ama o zaman form gerekli olmayacaktı

href="/SubmitForm?action=delete"
href="/SubmitForm?action=save"

Düğmeleri şu şekilde sunabilirsiniz:

<input type="submit" name="typeBtn" value="BUY">
<input type="submit" name="typeBtn" value="SELL">

Ve sonra kodda değeri kullanarak değeri alabilirsiniz:

if request.method == 'POST':
    #valUnits = request.POST.get('unitsInput','')
    #valPrice = request.POST.get('priceInput','')
    valType = request.POST.get('typeBtn','')

(valUnits ve valPrice, gösterim amacıyla bıraktığım formdan çıkardığım diğer bazı değerlerdir)

Hangi sunucu tarafı komut dosyası yazma yöntemini kullandığınızı belirtmediğiniz için size PHP için çalışan bir örnek vereceğim

<?php
   if(isset($_POST["loginForm"]))
   {
    print_r ($_POST); // FOR Showing POST DATA
   }
   elseif(isset($_POST["registrationForm"]))
   {
    print_r ($_POST);
   }
   elseif(isset($_POST["saveForm"]))
   {
    print_r ($_POST);
   }
   else{

   }
?>
<html>
<head>
</head>
<body>
  
  <fieldset>
    <legend>FORM-1 with 2 buttons</legend>
      <form method="post" >
      <input type="text" name="loginname" value ="ABC" >

     <!--Always use type="password" for password --> 
     <input type="text" name="loginpassword" value ="abc123" >
     
     <input type="submit" name="loginForm" value="Login"><!--SUBMIT Button 1 -->
     <input type="submit" name="saveForm" value="Save">  <!--SUBMIT Button 2 -->
   </form>
  </fieldset>



  <fieldset>
    <legend>FORM-2 with 1 button</legend>
     <form method="post" >
      <input type="text" name="registrationname" value ="XYZ" >
      
     <!--Always use type="password" for password -->
     <input type="text" name="registrationpassword" value ="xyz123" >
     
     <input type="submit" name="registrationForm" value="Register"> <!--SUBMIT Button 3 -->
   </form>
  </fieldset>
  

</body>
</html>

Formlar

Login -> loginForm'a tıkladığınızda

Kaydet -> saveForm'u tıkladığınızda

Kayıt Ol -> registerForm'u tıkladığınızda