-1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Save new student</title>
<script>

function insertdata()
{

var n = document.getElementById("name").value;
var f = document.getElementById("family").value;
var m = document.getElementById("mark").value;
var t = document.getElementById("tell").value;

 if ((n=="") || (f=="") || (m=="") || (t=="")){


  var error=document.getElementById("error").innerHTML="fill out the form with valid values";

 }
 **else if()**
 {


 }
 else{

frminsert.submit();


 }

 }


</script>
</head>

<body>

please enter your data:

<br/>

 <form action="saveinsert.php" method="post" name="frminsert">
  Name :
 <input type="text" name="name" id="name" />
 <br/>
 Family :
 <input type="text" name="family" id="family" />
 <br/>
 Mark :
<input type="text" name="mark" id="mark" />
<br/>
 Tell :
<input type="text" name="tell" id="tell" />
<br />
 <input type="button" value="Save New Student"  onclick="insertdata();" />

 <input type="reset" value="Reset Form" />

</form>
<p id="error"></p>
<a href="show.php">show the list of students</a>
</body>
</html>


私のコードは、次のステートメントでエラーメッセージを示します：フォームに正しく記入してください。
ユーザーがキーボードで入力を開始したときに、上記のエラーメッセージを削除する必要があります。

4

2 に答える 2

3

これが必要だと思いますか？(エラーメッセージのクリア)

document.getElementById("error").innerHTML= "";

ボックスに入力するなど、ユーザーが何かをしたときに発生させたい場合は、その入力にイベントリスナーを追加する必要があります。

<input onKeyDown="removeErrorMessage()" ... />
...
<script>
function removeErrorMessage{
document.getElementById("error").innerHTML= "";
};
</script>
于 2012-10-25T22:07:26.570 に答える
0

これを最初の行に入れることができます：

function cleanError()
{
document.getElementById("error").innerHTML= "";
}

そして、各入力はonBlur="cleanError()" 次のように置きます:

<input onBlur="cleanError()" type="text" name="family" id="family" />

幸運を ！

于 2012-10-25T22:12:07.997 に答える