jQuery .ready funktioniert nicht

Question

Kann mir jemand sagen, warum dieser Code nicht funktionieren würde? Ich habe eine Eingabe und ich versuche, das Wetter zu überprüfen oder nicht die Eingabe ist "Start". Also tue ich ... wie auch immer nichts funktioniert - nicht einmal das .ready, aber ich bin neu, also habe ich keine Ahnung, was das Problem ist.

HTML

<form id="inputForm" onsubmit="return false;"> 
    <input id="input" type="text" size="30" autofocus="autofocus" maxlength="100" autocomplete="off"/> 
</form> 

JS:

var input = ""; 

$(document).ready(function() { 
    $("#inputForm").submit(function() { 
    input = $("#input").val().toUpperCase(); 

    if (input === "START") { 
     alert("worked"); 
    } 

    $("#command_input").val(""); 
}) 
}); 

Answer 1

Nach Blick auf den Code hier: https://jsfiddle.net/cu7tn64o/1/

Es scheint gut zu funktionieren! Wie die anderen commen erwähnt haben, ist dies wahrscheinlich, weil Sie nicht jQuery in Ihrer HTML-Datei wie so aufgenommen haben:

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 

https://code.jquery.com/

Answer 2

Ich vermute, dass Sie in Ihre Webseite nicht jQuery aufgenommen haben. Sie können es importieren, indem

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

Vor dem script Tag für Ihren Code hinzufügen. (https://code.jquery.com/jquery hat auch mehr jQuery CDNs)

Sie brauchen wirklich nicht jQuery, um dies zu tun. Hier ist der einfache JS entsprechende Code working here:

var input = ""; 
document.body.onload = function() { 
    document.getElementById("inputForm").addEventListener("submit", function() { 
     input = document.getElementById("input").value.toUpperCase(); 
     if (input === "START") { 
      alert("worked"); 
     } 
     document.getElementById("command_input").value = ""; 
    }); 
}; 

Answer 3

1. Zuerst umfasst die jquery-Datei mit Script-Tag in Ihrer HTML-Datei.

2. Übermitteln Sie das Formular mit jQuery oder im folgenden Fall habe ich mit einer Schaltfläche eingereicht. Übernehmen, der Wert wird aus dem Eingabefeld übernommen und verglichen.

var input = ""; 
 

 
$(document).ready(function() { 
 
    $("#inputForm").submit(function() { 
 
    input = $("#input-value").val().toUpperCase(); 
 

 
    if (input === "START") { 
 
     alert("worked"); 
 
    } 
 
    else 
 
    { 
 
    alert("sorry"); 
 
    } 
 

 
    $("#command_input").val(""); 
 
}) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="inputForm" onsubmit="return false;"> 
 
    <input id="input-value" type="text" size="30" autofocus="autofocus" maxlength="100" autocomplete="off"/> 
 
    <input type="submit" name="submit" value="submit" /> 
 
</form>

Answer 4

Wenn Sie false zurück aus dem Event-Handler, sollte die Dinge funktionieren.

var input = ""; 

$(document).ready(function() { 
    $("#inputForm").submit(function() { 
     input = $("#input-value").val().toUpperCase(); 

     if (input === "START") { 
      alert("worked"); 
     } else { 
      alert("sorry"); 
     } 

     $("#command_input").val(""); 

     // You have to return false HERE to prevent the default action of a      
     // form -- send a request to a server, that is 

     return false; 
    }); 
});