ログインフォームでのユーザーログインの検証


ono
<!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> </title>
    <script type="text/javascript">
        function check(){
            if(form1.user.value.trim()==""){
                alert(" !");
                form1.user.focus();
                return;
            }
            else if(form1.pwd.value.trim()==""){
                alert(" !");
                form1.pwd.focus();
                return;
            }
            else{
                form1.submit();
            }
        }
    </script>
</head>
<body>
    <form name="form1" method="post" action="Cover.html">
         :<input name="user" type="text" id="user">
         :<input name="pwd" type="text" id="pwd">
        <input name="btnLogin" type="button" value=" "    >
         <input name="btnRes" type="reset" value=" ">
    </form>
</body>
</html>

HEMLでイベントハンドラを呼び出し、ログインボタンのonclickイベントでcheck()関数を呼び出し、ログイン検証を実現します.
本文は“IT技術の学習と交流”のブログから出て、転載をお断りします!