2016-10-02 3 views
-4

Wenn ich eine Schaltfläche und ein Eingabefeld hätte. Wie würde ich dem Benutzer beim Klicken auf die Schaltfläche alle Eingaben im Eingabefeld mitteilen?Wie warne ich die Textbox Eingabe an einen Benutzer

Erklären Sie bitte Ihren Code. Machen Sie es so einfach wie möglich.

+0

einfach den Mann Onclick-Ereignis google ... –

+0

Was hast du probiert? –

+0

ich kann die taste alarmieren eine nachricht meiner wahl, wenn ich klicke es bei der onclick ereignis. Aber ich weiß nicht, wie man es alarmiert, was in der Eingabe-Box ist –

Antwort

0
<input type="text" id="input" /> 
<button onclick="displayEnteredText()">Display</button> 
<script> 
    function displayEnteredText() { 
    var inputText = document.getElementById("input"); // get the element with id "input" which is the textField 
    alert(inputText.value); // show the value of the input in alert message 
    } 
</script> 
+0

danke. ich habe es gelesen und verstanden. Mein Problem war, dass ich die Funktion document.getElementById nicht kannte. Müssen Sie mehr lernen html/js. –

0

Ein möglicher Ansatz:

<!DOCTYPE html> 
    <html> 
    <head></head> 
    <body> 
    <input id="name" value=""> 
    <input type="button" value="show me the name" onclick="alert(document.getElementById('name').value)"> 
    </body> 
    </html> 

Ein anderer möglicher Ansatz:

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> 
     window.onload = function() { 
      var buttonElement = document.getElementById('button'); 
      buttonElement.addEventListener('click', function() { 
       alert(document.getElementById('name').value); 
      }); 
     } 
    </script> 

</head> 
<body> 
<input id="name" value=""> 
<input id="button" type="button" value="show me the name"> 
</body> 
</html> 

Mit dem zweiten Ansatz, den Sie responsabilities trennen kann, kann eine Person de html erstellen, und eine andere Person kann konzentrieren Erstellen Sie JavaScript-Code.

Exists mehr Möglichkeiten, dies zu tun, aber mit zwei Beispielen, die ich denke, ist genug, um im aktuellen Kontext

0
<body> 
<input type="text" name="basicText" id="alertInput"> 
<button class="alertButton">Click me!</button> 
</body> 

<script type="text/javascript"> 


    $(".alertButton").click(function(){ 
     var value = $("#alertInput").val(); 
     alert(value + " was entered"); 
    }); 
</script> 

Um zu zeigen, was Sie in Ihrem Alarm eingegeben hat, müssen Sie den Wert in der Textbox referenzieren . Da jquery in der Post markiert ist, habe ich es verwendet, um zu bekommen, was in der Textbox ist.

0

können Sie auch versuchen, diese ein

HTML

<input type="button" id="btnclick" style="width:100px" value="Click Me" /> 
<input type="text" id="txtbox"> 

JS

$("#btnclick").click(function(){ 
var txtvalue = $("#txtbox").val(); 
alert("User enter " + txtvalue); 
}) 

FIDDLE

Verwandte Themen