私はどのようにユーザーにテキストボックスの入力を警告しますか

-4

私はボタンと入力フィールドがあった場合。ボタンをクリックすると、どのようにユーザーに入力フィールドにあるのか警告します。私はどのようにユーザーにテキストボックスの入力を警告しますか

コードを説明してください。できるだけシンプルにしてください。

2016-10-02 Mohamed Ismail

を試すことができます... –

何を試しましたか？ –

onclickイベントを使用しているときに、ボタンをクリックするたびにボタンに警告メッセージを表示させることができます。しかし、私はそれを入力ボックスに何を警告する方法を知っていません –

<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>

出典

2016-10-02 21:05:20

ありがとうございます。私はそれを読んでそれを理解した。私の問題は、関数document.getElementByIdを知らなかったことです。より多くのhtml/jsを学ぶ必要があります。 –

一つの可能なアプローチ：

<!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>

もう一つの可能なアプローチ：

<!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>

あなたがresponsabilitiesを分離することができます第二のアプローチでは、1人はデHTMLを作成することができ、そして他の人が集中することができますJavaScriptコードを作成します。

これを行うには、いくつかの方法が存在しますが、私はあなたがあなたの警告で入力したものを表示するためには現在のコンテキストで

出典

2016-10-02 21:06:27

<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>

十分だと思う二つの例で、あなたはテキストボックス内の値を参照する必要があります。 jqueryは投稿にタグが付けられているので、テキストボックスにあるものを取得するためにjqueryを使用しました。

出典

2016-10-02 21:11:07

また、単にonclickイベントの男をグーグルこの1

HTML

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

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

FIDDLE

出典

2016-10-03 00:59:09

私はどのようにユーザーにテキストボックスの入力を警告しますか

答えて

関連する問題