入力項目のエラー表示について

質問

下記のサイトで公開されているサンプルはサーバーサイドで
入力項目に不備があった場合にエラーを排出しますが、これと
同様の動作をクライアント側つまりjavascritpでするにはどうしたら
よいのでしょうか？
これと同様な方法を紹介しているサイトなどがあれば教えて下さい

http://www.futomi.com/books/ajax/source/04/post2.html

回答No.2

yambejp

たとえば、こんな風。
formのonsubmitをつかってチェックして、エラーの場合に
falseを返すとよいでしょう

<script>
window.onload=function(){
document.getElementById('sendForm').onsubmit=function(){
document.getElementById('e_yourname').innerHTML=this.yourname.value==""?"名前を入力してください。":"";
document.getElementById('e_age').innerHTML=this.age.value==""?"年齢を入力してください。":"";
if(this.yourname.value=="" || this.age.value=="") return false;
}
}
</script>
<form id="sendForm">
名前：<input type="text" name="yourname" /><span id="e_yourname"></span><br />
年齢：<input type="text" name="age" /><span id="e_age"></span><br />
<input type="submit" value="送信" />
</form>

回答No.1

send80

名前：<input type="text" name="namae">
年齢：<input type="text" name="nenrei">
<input type="button" value="送信" onclick="test()">
<script type="text/javascript">
function test()
{
if (namae.value == "") alert('名前を入力してください');
if (nenrei.value == "") alert('年齢を入力してください');
else location.href="http://google.com/";
}
</script>

エラーを出すだけならこんな感じでできると思います。