通过onsubmit进行表单验证

来源：互联网发布：仓储物流软件app 编辑：程序博客网时间：2024/05/21 09:01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    <title>表单验证</title>    <script>        function test1(){            var username = document.myForm.username.value;            if(username){                //代表用户填入了数据，可以进行表单的提交                return true;            }else{                //如果用户没有填数据的时候不可以进行提交                alert("用户需要填入内容");                return false;            }        }    </script></head><body><!--提交方式改为get可以在地址栏里清楚的观察到表单有没有提交--><form action="#" name="myForm" method="get" onsubmit="return test1()">    <input type="text" name="username" id="username">    <input type="submit" value="提交"></form></body></html>

0 0