2017-11-18 19 views
-1

ボタンを押すとテキストが変更される入力ボックスを作成したいとします。フォーム - ボタンからの入力と返信

私のコードは機能していません。

<!DOCTYPE html> 
<head> 
    <script> 
    function validate() { 
     var inputObject = document.getElementById("name"); 
     var paraObject = document.getElementById("response"); 
     if ((inputObject.value.trim() == "") || (inputObject.value == null)) { 
       alert("Invalid input!"); 
     } 
     else { 
      paraObject.innerHTML = inputObject.value; 
     } 

    function blue(inputObject) { 
     inputobject.style.border = "2px solid blue"; 
     } 

    function required(inputObject) { 
     if (inputObject.value.trim() == "") { 
      inputObject.style.border = "2px solid red"; 
     } 
     else { 
      inputObject.style.border = "2px solid green"; 
     } } 
    </script> 
</head> 
<body> 
    Name: 
    <br/> 
    <input id="name" type="text" name="nameinput"onBlur="required(this)" onFocus="blue(this)"/> 
    <button class="button" onClick="validate()">Validate Name Input</button> 
    <br/> 
    <p id="response">TEST</p> 
</body> 
</html> 
+3

コードに質問を追加してください。 – Andy

+1

[あなたの検証関数には '}'がありません(https://jsfiddle.net/apmvztsx/1/) – Andy

答えて

0

バリデーション機能には閉じ括弧がありません}。

+0

私は閉じ括弧を追加しましたが、まだ動作していません。 – Sam

-1

bodyタグの最後の前にscriptタグを追加します。 onloadイベントハンドラ内にスクリプトを追加するか、jQueryを使用している場合は$ .readyを追加してください。

+0

まだ動作しません:/ – Sam

+0

andyの修正が動作しているようです。彼の[フィドル]を確認してください(https://jsfiddle.net/apmvztsx/1/) – Surya

+0

さて、はい、私はそれを働かせました。ありがとうございました。 – Sam

関連する問題