Voorkom het indienen van meerdere formulieren met Javascript

onsubmit="
    document.getElementById('myButtonTOP').disabled=true;
    document.getElementById('myButtonTOP').value='Submitting, please wait...';
    document.getElementById('myButtonBOTTOM').disabled=true;
    document.getElementById('myButtonBOTTOM').value='Submitting, please wait...';
    return true;"

Het is beter om een ​​javascript-functie te bellen die is aangegeven in een <script> </script> regio natuurlijk.

Dus ik zou een functie schrijven zoals ...

var mySubmitted = false;

function MyCheckSubmit()
{
    if (mySubmitted)
        return false;//Already submitted!

    if (!validateInquiryForm())
        return false;//Validation failed!

   //disable submit buttons

    document.getElementById('myButtonTOP').disabled=true;
    document.getElementById('myButtonTOP').value='Submitting, please wait...';
    document.getElementById('myButtonBOTTOM').disabled=true;
    document.getElementById('myButtonBOTTOM').value='Submitting, please wait...';

   //Store in our global variable that we submitted this form.
    mySubmitted = true;

    return true;//Ok, we can submit!
}

en natuurlijk in de vorm

onsubmit="return MyCheckSubmit();"

Dit werkt ook als u meerdere keren op de "enter" -toets drukt in een invoertekstvak, omdat het een interne variabele gebruikt om te controleren of het formulier al is ingediend.

Zorg ervoor dat het scriptblok natuurlijk vóór het formulier wordt vermeld, mogelijk in het hoofdgedeelte.

@onatm: Het gebruik van hetzelfde ID zal niet helpen. Alleen het eerste exemplaar van de tag wordt afgehandeld door JS, niet die daarna.

Je kunt zoiets doen .... Gebruik jQuery. Geef beide knoppen dezelfde klasse zeg "VERSTUREN". Schrijf nu de volgende code:

var myForm = document.forms[0];
$(document).ready(function(){
    $(".SUBMIT").click(function(){
        if(validateInput()){
            $(".SUBMIT").attr("disabled", true).val("Submitting..");
            var url = "any URL you like";
            var data = {
                           field1: myForm.field1.value,
                           field2: myForm.field2.value,
                           .
                           .
                       };
            $.post(url, data,
                function(Result){
                    alert(Result);//Write whatever logic you want
                }
            )
            .complete(function(){
               $(".SUBMIT").attr("disabled", false).val("Submit");
            })
            .error(function(){
               alert("Some error");
               $(".SUBMIT").attr("disabled", false).val("Submit"); 
            });
        }
        else{
            alert("Enter the missing fields first");//Write whatever your logic
        }
    });
});

function validateInput(){
    if (all fields are entered)//Write you logic here
        return true;
    else
        return false
}

De code moet je eerste probleem oplossen. Voor het tweede probleem moet u expliciet code schrijven om de authenticiteit te testen voor elk veld in de functie validateInput() .

you could place this in correct condition when the form validation conditions are met, thus only disabling on submit, you would need to return 'this' as reference in your onsubmit="return MyCheckSubmit(this);"

  var topButton = document.MyInquiry.submitinquiryform;//top
  var botomButton = document.otherMyInquiry.submitinquiryform;//bottom

 if(beingSubmitted.name == "MyInquiry"){ 

   topButton.value = "Please wait...";
   //beingSubmitted.action = "process.php"//action page
   beingSubmitted.submit();

  }else{
   //beingSubmitted.action = "process2.php"//action page
    botomButton.value = "Please wait...";
    beingSubmitted.submit();
}
//beingSubmitted.action = "process.php"//action page would handle for both form you could check which form is being submitted by sending a value in a hidden filed 
 topButton.disabled = true;
 botomButton.disabled = true; 

Ik heb gemerkt dat je geen actie hebt ondernomen op het formulier