it-swarm.com.de

Übermitteln des JavaScript-Formulars - Bestätigen oder Abbrechen des Übermittlungsdialogfelds

Für ein einfaches Formular mit einer Warnung, in der gefragt wird, ob Felder korrekt ausgefüllt wurden, benötige ich eine Funktion, die dies ausführt:

  • Zeigt eine Warnmeldung an, wenn auf die Schaltfläche geklickt wird. Es gibt zwei Möglichkeiten:

    • Wenn Sie auf "OK" klicken, wird das Formular gesendet
    • Wenn Sie auf Abbrechen klicken, wird das Warnungsfeld geschlossen und das Formular kann angepasst und erneut gesendet werden

Ich denke, eine JavaScript-Bestätigung würde funktionieren, aber ich kann nicht herausfinden, wie.

Der Code, den ich jetzt habe, ist:

function show_alert() {
  alert("xxxxxx");
}
<form>
  <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="Paypal - The safer, easier way to pay online!" value="Submit">
</form>
160
matt

Ein einfaches Inline-JavaScript bestätigen würde ausreichen:

<form onsubmit="return confirm('Do you really want to submit the form?');">

Keine Notwendigkeit für eine externe Funktion , es sei denn Sie Validierung , die Sie kann so etwas machen:

<script>
function validate(form) {

    // validation code here ...


    if(!valid) {
        alert('Please correct the errors in the form!');
        return false;
    }
    else {
        return confirm('Do you really want to submit the form?');
    }
}
</script>
<form onsubmit="return validate(this);">
356
Samuel Liew

Das im Kommentar angesprochene Problem ist gültig. Hier ist eine andere Revision, die dagegen immun ist:

function show_alert() {
  if(!confirm("Do you really want to do this?")) {
    return false;
  }
  this.form.submit();
}
25

Sie können die JS-Bestätigungsfunktion verwenden.

<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}">
  <input type="submit" />
</form>

http://jsfiddle.net/jasongennaro/DBHEz/

20
Jason Gennaro

OK, ändere einfach deinen Code in so etwas wie diesen:

<script>
function submit() {
   return confirm('Do you really want to submit the form?');
}
</script>

<form onsubmit="return submit(this);">
   <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();"
      alt="Paypal - The safer, easier way to pay online!" value="Submit">
</form>

Dies ist auch der Code, der gerade ausgeführt wird. Ich mache es nur einfacher zu sehen, wie es funktioniert. Führe einfach den folgenden Code aus, um das Ergebnis zu sehen:

function submitForm() {
  return confirm('Do you really want to submit the form?');
}
<form onsubmit="return submitForm(this);">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>
1
Alireza

Wenn Sie eine Bedingung für das Absenden des Formulars festlegen möchten, können Sie diese Methode verwenden

<form onsubmit="return checkEmpData();" method="post" action="process.html">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>

Beachten Sie immer, dass Methode und Aktion Attribute nach Einreichen Attributen schreiben

javascript-Code

function checkEmpData()
{
  var a = 0;

  if(a != 0)
  {
    return confirm("Do you want to generate attendance?");
  }
   else
   {
      alert('Please Select Employee First');
      return false;
   }  
}
0