JS点击事件：简单的客户端校验

原创于 2016-11-22 17:14:24 发布 · 812 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的HTML表单示例，通过JavaScript实现客户端验证功能。当用户尝试提交表单时，会检查输入框是否为空，如果为空则提示用户输入用户名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
  <head>
    <title>点击事件</title>
    <meta http-equiv="content-type" 
    content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function toSubmit(){
            var username=document.getElementById
            ("username").value;

            if(username==""){//客户端JS验证
                alert("请输入用户名");
                return;
            }
            document.getElementById("info").submit();   
        }
    </script>
  </head>
  <body>
    <form action="http://www.baidu.com" id="info" >
        用户名：<input  type="text" value="" id ="username"/>
              <input type="button" value="提交" 
              onclick="toSubmit()"/>
    </form>

  </body>
</html>