2017-07-09 3 views
-3

この関数は機能しません。誰でも助けてくれますか?検証ボタンを押すと、何も起こりません。ボタンの値を変更するためのJavascript関数の検証が機能しません。

まず、構文エラーがあり、:あなたはいくつかの問題を持っているので、

<script> 
function validate() 
{ 
    int user = document.getElementById("uname"); 
    if(user=="rohit") 
     document.getElementById("btnsubmit").value = "Sucess"; 
    else 
     document.getElementById("btnsubmit").value = "Fail"; 
} 
</script> 

<body> 
<div> 
    <table id="tbl-aut"> 
     <tr> 
      <td colspan="2"><h2>Enter Login Details</h2></td> 
     </tr> 
     <tr> 
      <td >Username<span style="color:red">*</span></td> 

      <td><input type="text" ></td> 
     </tr> 
     <tr><td colspan="2" align="center"><input id="btnsubmit" type="button" value="Validate" onclick="validate()"><td></tr> 
    </table> 
</div> 

</body> 
+0

?あなたのコードには多くの間違いがあります。ここにはw3の学校の例があります:https://www.w3schools.com/jsref/prop_text_value.aspあなた自身で試してみましょう – dading84

+0

'JavaScript'では' int'型はありません。 'var'、' let'、 'const'を使って変数を定義することができます。 –

+0

要素はいつ文字列と同じですか? – Li357

答えて

0

何も起こりません。 intはJavaScriptでは有効なキーワードではありません。 JavaScriptでは、データ型は暗黙的に決定されます。明示的に型を指定することはできません(JavaScriptには整数型はありません)。

次に、オブジェクト(テキストフィールド)をオブジェクトに格納されている値と照合しようとしています。テキストフィールドのvalueプロパティにアクセスして、入力されたデータを取得する必要があります。

また、idunameのオブジェクトを取得しようとしていますが、テキストフィールドにはidを設定していません。

最後に、これはベストプラクティスのものです。 ifステートメントの真偽のブランチは、常に中括弧{}で囲みます。ブランチに文が1つしかないときは、構文的には省略しても構いませんが、これはよく知っているバグのマグネットです。 'のuname' のIDタグを持つ要素である

<script> 
 
function validate() { 
 
    var user = document.getElementById("uname"); 
 
    if(user.value =="rohit"){ 
 
     document.getElementById("btnsubmit").value = "Sucess"; 
 
    } else { 
 
     document.getElementById("btnsubmit").value = "Fail"; 
 
    } 
 
} 
 
</script> 
 

 
<body> 
 
<div> 
 
    <table id="tbl-aut"> 
 
     <tr> 
 
      <td colspan="2"><h2>Enter Login Details</h2></td> 
 
     </tr> 
 
     <tr> 
 
      <td >Username<span style="color:red">*</span></td> 
 

 
      <td><input id="uname" type="text" ></td> 
 
     </tr> 
 
     <tr><td colspan="2" align="center"><input id="btnsubmit" type="button" value="Validate" onclick="validate()"><td></tr> 
 
    </table> 
 
</div> 
 

 
</body>

+0

ありがとうございました。それは私の非常に愚かだった。 –

関連する問題