壊れた機能に助けや助言が必要

"myfunction1"が機能しないようです。たぶん私はそれが間違っているか愚かな間違いを設定している。 2つのテキスト入力に何もない場合は、フォームを修正するよう警告するポップアップが表示されます。既にボックスに入力がある場合は、完了したか、ありがとうと言う必要があります。私はそれは簡単な修正だと確信していますが、誰かが私を助けることができたら、私はそれを感謝します。今は4時間捜していて、まだ立ち往生しています。ありがとう！壊れた機能に助けや助言が必要

<!DOCTYPE HTML> 
<html> 
<head> 
<link rel="stylesheet" href="styles.css"> 


</script> 
    </head> 
    <body> 
    <form id="myForm"> 
    First name: <input type="text" id="field1" name="fname"><br><br> 
    Last name: <input type="text" id="field2" name="lname"><br><br> 
    <input type="button" onclick="myFunction()" value="Reset form"> 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
</form> 

<script> 
    function myFunction() { 
    document.getElementById("myForm").reset(); 
    } 
    function myFunction1() { 
    var x = document.getElementById("field1").value; 
    if (x == null || x == "") { 
    alert("Please Fill In Form Correctly"); 
    } else { 
    alert("Thank You for Submitting"); 
    } 
} 
    </script> 



    </body> 
    </html>

出典

2016-03-21 Andrew Ribicki

質問の更新後は正しく機能していますか？ – Balaji

javascriptがついているときは、ほぼすべてのブラウザに対話型のコンソールがあり、エラーが表示されます。 –

<!DOCTYPE HTML> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 
    <script> 
    function myFunction() { 
    document.getElementById("myForm").reset(); 
    } 
    function myFunction1() { 
    var x = document.getElementById("field1").value; 
    if(x){ 
     if (x == "") 
     { 
      alert("Please Fill In Form Correctly"); 
     } else { 
      alert("Thank You for Submitting"); 
     } 
    } 



} 
    </script> 
</head> 
    <body> 
    <form id="myForm"> 
     First name: <input type="text" name="fname" id="field1"><br><br> 
     Last name: <input type="text" name="lname" id="field2"><br><br> 
     <input type="button" onclick="myFunction()" value="Reset form"> 
     <input type="button" onclick="myFunction1()" value="Submit form"> 
    </form> 


    </body> 
    </html>

出典

2016-03-21 06:46:08 anshuVersatile

私が動作するように、この "myfunction1" を得るように見えることはできません。コード

で

複数の問題は、あなたがメソッドに渡しているだけgetElementById

Idをしない、あなたのマークアップに存在するのではなく、document.getElementByIdを使用する必要があります。実際、あなたのマークアップ入力フィールドにはidがありません。

次のコードを試してみてください。この

function myFunction1() 
{ 
    var field1 = document.getElementById("field1").value.trim(); 
    var field2 = document.getElementById("field2").value.trim(); 
    if (field1.length == 0 || field2.length == 0) 
    { 
     alert("Please Fill In Form Correctly"); 
    } 
    else 
    { 
     alert("Thank You for Submitting"); 
    } 
}

出典

2016-03-21 06:36:54 gurvinder372

OPが質問を編集したようです。 –

私はそれを修正しました！私は本当にばかげて、5時間コンピュータに座っていて、他のhtmlコードで作業しています。ちょうどjavascriptになっています。それでも、フィールド1とフィールド2の両方を見て、そのうちの1つだけにエントリーが作成されていないかどうかを独立して調べる方法について少し混乱させます。私は他の人と一緒にやり続けるだろうか...それとももっと簡単な方法だろうか。本当にありがとう！ –

@AndrewRibicki私が投稿したコードを試してください – gurvinder372

を試してみてください。 geteletmentbyidを使用しているので、各フォーム要素のIDを挿入します。あなたの実際の問題への答えではないかもしれない

<script> 
 
    function myFunction() { 
 
    document.getElementById("myForm").reset(); 
 
    } 
 
    function myFunction1() 
 
\t { 
 
    var x = document.getElementById("fname").value; 
 
\t 
 
    if (x == null || x == "") 
 
\t { 
 
    alert("Please Fill In Form Correctly"); 
 
    } else { 
 
    alert("Thank You for Submitting"); 
 
    } 
 
} 
 
    </script>

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
<link rel="stylesheet" href="styles.css"/> 
 

 

 

 
    </head> 
 
    <body> 
 
    <form id="myForm"> 
 
    First name: <input id="fname" type="text" name="fname"><br><br> 
 
    Last name: <input id="lname" type="text" name="lname"><br><br> 
 
    <input type="button" onclick="myFunction()" value="Reset form"> 
 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
 
</form> 
 
    
 
<!-- copy the javascript party here---> 
 
    
 
    
 
</body> 
 
    </html>

出典

2016-03-21 06:48:33 Erfan

。しかし、ここにあなたがさらに手伝ってくれるかもしれない作業中のjsFiddleがあります：https://jsfiddle.net/y8135trb/4/

<body> 
    <form id="myForm"> 
    First name: 
    <input type="text" id="field1" name="fname"> 
    <br> 
    <br> Last name: 
    <input type="text" id="field2" name="lname"> 
    <br> 
    <br> 
    <input type="button" onclick="myFunction()" value="Reset form"> 
    <input type="button" onclick="myFunction1()" value="Submit form"> 
    </form> 

    <script> 
    function myFunction() { 
     document.getElementById("myForm").reset(); 
    } 

    function myFunction1() { 
     var x = document.getElementById("field1").value; 

     if (typeof x == 'undefined' || x == null || x == "") { 
     alert("Please Fill In Form Correctly"); 
     } else { 
     alert("Thank You for Submitting"); 
     } 
    } 
    </script> 
</body>

出典

2016-03-21 06:48:50 Philipp

壊れた機能に助けや助言が必要

答えて

関連する問題