Html-Formular If-Anweisung in der "OnSubmit" - Feld

Ich bin ziemlich neu in html/php/js und ich laufen in ein Problem, wenn bedingt hiermit meine form. Im Grunde, was ich versuche zu tun haben, ist es, wo die confirm('möchten Sie dieses Formular abgesendet?') Funktion erscheint nur dann, wenn jedes Feld hat einen Wert eingegeben (der checkform () - Funktion). Wenn beide true sind, dann wird das Formular Absenden. Jede Hilfe wäre sehr geschätzt, danke!

JS:

<script type="text/javascript">
function checkform()
{
	var myForm=document.frmhot;
	
	if(myForm.status.value==""){
		alert("Please select a timeframe status.");	
		return false;
		myForm.status.focus();
	}
    if (myForm.line.value==""){
		alert("Please select a line.");
		return false;
	}
	if(myForm.reason.value==""){
		alert("Please select a reason code.");
		return false;
	}
	if(myForm.partnum.value==""){
		alert("Please enter a part number.");
		return false;
	}
	if(myForm.badgescan.value==""){
		alert("Please enter a badge number.");
		return false;
	}
	return true;
		
}	
</script>

HTML:

<form method="post" action="newhotpartgenerate.php" name="frmhot" 
onclick="if(checkform();){
	confirm('Do you want to submit the form?');
}
>
         
<input class="button_text" type="submit"  value="Submit" name="submit" onclick= "checkform();"  />
</form>

  • Nur eine Anmerkung, diese Aussage myForm.status.focus(); werden nie ausgeführt, weil es nach einer return - Anweisung.
  • Danke, Schätze ich es
InformationsquelleAutor AggieIE | 2015-02-24
  1. 2

    Komplette arbeiten Lösung mit Korrekturen und Optimierungen für IE-Kompatibilität zu einem gewissen Grad.

    <script>
    function checkform(evt)    {        
        var myForm = document.frmhot;
        var condition = true;
        if(myForm.status.value==""){
            alert("Please select a timeframe status."); 
            myForm.status.focus();
            condition = false;
        }
        if (myForm.line.value==""){
            alert("Please select a line.");
            condition = false;
        }
        if(myForm.reason.value==""){
            alert("Please select a reason code.");
            condition = false;
        }
        if(myForm.partnum.value==""){
            alert("Please enter a part number.");
            condition = false;
        }
        if(myForm.badgescan.value==""){
            alert("Please enter a badge number.");
            condition = false;
        }
        if(condition){ condition =  confirm('Do you want to submit the form?'); }

        if(!condition) {
            if(evt.preventDefault) { event.preventDefault(); }    
            else if(evt.returnValue) { evt.returnValue = false; }    
            else { return false; }
        }
    }
</script>
<form method="post" action="newhotpartgenerate.php" name="frmhot" onsubmit="checkform(event)">
    <input type="text" name="status"/>         
    <input type="text" name="line"/>
    <input type="text" name="reason"/>
    <input type="text" name="partnum"/>
    <input type="text" name="badgescan"/>
    <input class="button_text" type="submit" value="Submit"/>
 </form>
    InformationsquelleAutor Faraj Farook
  2. 1

    Haben Sie die richtige Idee, nur extrahieren Sie den code in eine eigene Funktion und rufen Sie dann diese in die onclick.

    Fügen Sie diese Funktion:

    function checkAndConfirm() {
     if(checkform()) {
        if (confirm('Do you want to submit the form?')) {
            //submit the form
     }
}

    Und dann rufen Sie aus dem onclick-Attribut:

    <form method="post" action="newhotpartgenerate.php" name="frmhot" onclick="checkAndConfirm()">
    • Das funktionierte perfekt, danke. Jedoch die form noch unterwirft, auch wenn Sie nicht alle Felder mit Werten versorgt werden. Irgendwelche Ideen?
    • Ich denke, das Problem ist, dass Sie immer noch ein 'post' Anfrage zu newhotpartgenerate.php jedes mal, und das ausführen des javascript auf der Seite. Sie möchten möglicherweise verwenden Sie stattdessen einen einfachen <input type="submit"> - Taste, die nicht alle die überprüfung, dann, wenn es gelingt, die wählen, um die post-Anfrage.
    • Nur um Zach Sadler ' s Antwort, falls Sie möchten, dass das Formular NICHT abschicken, dann müssen Sie auch onclick=false. So haben gerade checkAndConfirm() return ein false für die Bedingungen, die Sie nicht wollen, um das Formular Absenden.
    InformationsquelleAutor Zach Sadler
Schreibe einen Kommentar