Broken Function brauche etwas Hilfe/Beratung

Ich kann nicht scheinen, dass diese "myfunction1" funktioniert. Vielleicht habe ich es falsch eingerichtet oder einen dummen Fehler gemacht. Ich brauche es, damit es funktioniert. Wenn die beiden Texteingaben nichts enthalten, erhalten Sie ein Popup, das Sie auffordert, das Formular zu korrigieren. Wenn es bereits eine Eingabe in den Boxen gibt, muss ich sagen, abgeschlossen oder danke. Ich bin mir sicher, dass es eine einfache Lösung ist, aber wenn mir jemand helfen könnte, würde ich das schätzen. Habe jetzt 4 Stunden gesucht und bin immer noch festgefahren. Vielen Dank!Broken Function brauche etwas Hilfe/Beratung

<!DOCTYPE HTML> 
<html> 
<head> 
<link rel="stylesheet" href="styles.css"> 


</script> 
    </head> 
    <body> 
    <form id="myForm"> 
    First name: <input type="text" id="field1" name="fname"><br><br> 
    Last name: <input type="text" id="field2" name="lname"><br><br> 
    <input type="button" onclick="myFunction()" value="Reset form"> 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
</form> 

<script> 
    function myFunction() { 
    document.getElementById("myForm").reset(); 
    } 
    function myFunction1() { 
    var x = document.getElementById("field1").value; 
    if (x == null || x == "") { 
    alert("Please Fill In Form Correctly"); 
    } else { 
    alert("Thank You for Submitting"); 
    } 
} 
    </script> 



    </body> 
    </html>

Quelle

2016-03-21 Andrew Ribicki

nach der Frage aktualisieren Es fein Recht funktioniert? – Balaji

Wenn Sie mit Javascript festgefahren sind, denken Sie daran, dass fast jeder Browser eine interaktive Konsole hat, die die Fehler ausdruckt –

<!DOCTYPE HTML> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 
    <script> 
    function myFunction() { 
    document.getElementById("myForm").reset(); 
    } 
    function myFunction1() { 
    var x = document.getElementById("field1").value; 
    if(x){ 
     if (x == "") 
     { 
      alert("Please Fill In Form Correctly"); 
     } else { 
      alert("Thank You for Submitting"); 
     } 
    } 



} 
    </script> 
</head> 
    <body> 
    <form id="myForm"> 
     First name: <input type="text" name="fname" id="field1"><br><br> 
     Last name: <input type="text" name="lname" id="field2"><br><br> 
     <input type="button" onclick="myFunction()" value="Reset form"> 
     <input type="button" onclick="myFunction1()" value="Submit form"> 
    </form> 


    </body> 
    </html>

Quelle

2016-03-21 06:46:08 anshuVersatile

Ich kann nicht scheinen, um dieses "MyFunction1", um zu arbeiten.

Mehrere Probleme im Code

Sie müssen document.getElementById verwenden, anstatt nur getElementById
Id, die Sie das Verfahren sind vorbei nicht in Ihrem Markup vorhanden ist. In der Tat haben keine Ihrer Markup-Eingabefelder eine ID.

Versuchen Sie, diese

function myFunction1() 
{ 
    var field1 = document.getElementById("field1").value.trim(); 
    var field2 = document.getElementById("field2").value.trim(); 
    if (field1.length == 0 || field2.length == 0) 
    { 
     alert("Please Fill In Form Correctly"); 
    } 
    else 
    { 
     alert("Thank You for Submitting"); 
    } 
}

Quelle

2016-03-21 06:36:54 gurvinder372

OP scheint die Frage bearbeitet zu haben. –

Ich habe das behoben! Ich fühle mich wirklich blöd, sitze seit 5 Stunden am Computer und arbeite an einem anderen HTML Code, nur um Javascript zu lernen. Immer noch ein wenig verwirrt darüber, wie ich es machen konnte, um sowohl field1 als auch field2 anzuschauen und unabhängig zu überprüfen, ob nur einer von ihnen keinen entre gemacht hat. Würde ich einfach weitermachen, wenn etc ... oder ist es einfacher? Vielen Dank! –

@AndrewRibicki versuche den Code, den ich gepostet habe – gurvinder372

den Code unten versuchen. Fügen Sie für jedes Formularelement eine ID ein, da Sie Geteletmentbyid verwenden.

<script> 
 
    function myFunction() { 
 
    document.getElementById("myForm").reset(); 
 
    } 
 
    function myFunction1() 
 
\t { 
 
    var x = document.getElementById("fname").value; 
 
\t 
 
    if (x == null || x == "") 
 
\t { 
 
    alert("Please Fill In Form Correctly"); 
 
    } else { 
 
    alert("Thank You for Submitting"); 
 
    } 
 
} 
 
    </script>

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
<link rel="stylesheet" href="styles.css"/> 
 

 

 

 
    </head> 
 
    <body> 
 
    <form id="myForm"> 
 
    First name: <input id="fname" type="text" name="fname"><br><br> 
 
    Last name: <input id="lname" type="text" name="lname"><br><br> 
 
    <input type="button" onclick="myFunction()" value="Reset form"> 
 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
 
</form> 
 
    
 
<!-- copy the javascript party here---> 
 
    
 
    
 
</body> 
 
    </html>

Quelle

2016-03-21 06:48:33 Erfan

Das ist nicht die Antwort auf Ihre eigentliche Problem sein kann. Aber hier ist ein Arbeits jsFiddle, die Sie weiter kommen könnte helfen: https://jsfiddle.net/y8135trb/4/

<body> 
    <form id="myForm"> 
    First name: 
    <input type="text" id="field1" name="fname"> 
    <br> 
    <br> Last name: 
    <input type="text" id="field2" name="lname"> 
    <br> 
    <br> 
    <input type="button" onclick="myFunction()" value="Reset form"> 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
    </form> 

    <script> 
    function myFunction() { 
     document.getElementById("myForm").reset(); 
    } 

    function myFunction1() { 
     var x = document.getElementById("field1").value; 

     if (typeof x == 'undefined' || x == null || x == "") { 
     alert("Please Fill In Form Correctly"); 
     } else { 
     alert("Thank You for Submitting"); 
     } 
    } 
    </script> 
</body>

Quelle

2016-03-21 06:48:50 Philipp

Broken Function brauche etwas Hilfe/Beratung

Antwort

Verwandte Themen