JAvascriptデフォルトイベントのブロック
ユーザーがフォームに記入すると、情報入力が不完全になる場合があります.javascriptを使用してフォーム入力の完全性を検証することができます.ユーザー入力が合法でなければ、ユーザーの提出を阻止します.例えば、ハイパーリンクをクリックすると、ユーザーに権限がない可能性があります.javascriptを利用して阻止することもできます.
デフォルトのイベントをブロックする方法:
ie中:window.event.returnValue=false;
火狐の中:event.preventDefault();
デフォルトイベントの発生を阻止するためにreturn falseを直接使用することもできます.
次はテストコードです.
入力したユーザー名がshizhanの場合、フォームのコミットはブロックされます.
入力が他の場合は、フォームをコミットします.
デフォルトのイベントをブロックする方法:
ie中:window.event.returnValue=false;
火狐の中:event.preventDefault();
デフォルトイベントの発生を阻止するためにreturn falseを直接使用することもできます.
次はテストコードです.
入力したユーザー名がshizhanの場合、フォームのコミットはブロックされます.
入力が他の場合は、フォームをコミットします.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function login(event)
{
var v1 = document.getElementById("id1");
var name = v1.value;
var form1 = document.getElementById("form1");
if(name=="shizhan")
{
var div1 = document.getElementById("div1");
div1.innerHTML=" , ";
if(document.attachEvent)
{
window.event.returnValue=false;
}
else
{
event.preventDefault();
}
//return false;
}
/*else
{
form1.submit();
}*/
}
window.onload =function()
{
var btn1 = document.getElementById("btn1");
btn1.onclick = login;
}
</script>
</head>
<body>
<form action="1.html" id="form1" >
<input type="text" id="id1"/>
<input type="submit" value=" " id="btn1" />
<div id="div1">
</div>
</form>
</body>
</html>