JS 表单验证

简介: 表单验证 name: function validateform() { var x=document.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单验证</title>
</head>
<body>

<form name="myform" action="" onsubmit="return validateform()" method="post">
    name:<input type="text" name="name"><br>
    <input type="submit" value="提交">
</form>

<script type="text/javascript">
    function validateform() {
        var x=document.forms["myform"]["name"].value;
        if (x==null || x==""){
            alert("name必须填写!");
            return false;
        }
    }
</script>
</body>
</html>
img_9ea5fd84cb8a6557653d5cd220ab22dd.png
目录
相关文章
|
7月前
|
JavaScript 前端开发
JavaScript事件监听、常见事件及表单验证
JavaScript事件监听、常见事件及表单验证
76 0
|
3月前
|
JavaScript 前端开发
JavaScript 表单验证
JavaScript 表单验证
22 9
|
3月前
|
JavaScript 前端开发
js登录注册简单tab切换页面(含前台表单验证)
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面,并实现Tab切换效果。包括了表单验证,点击登录或注册按钮时,可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
|
4月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
74 0
|
7月前
|
前端开发 JavaScript UED
使用JavaScript实现表单验证
使用JavaScript实现表单验证
|
5月前
|
移动开发 前端开发 JavaScript
|
JavaScript 前端开发
原生JavaScript之dom添加表单验证
原生JavaScript之dom添加表单验证
59 2
原生JavaScript之dom添加表单验证
|
7月前
|
移动开发 JavaScript 前端开发
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您
109 0
|
7月前
|
前端开发 JavaScript API
创建强大的网页表单验证器:使用JavaScript
创建强大的网页表单验证器:使用JavaScript
|
7月前
|
JavaScript 前端开发 安全
使用JavaScript实现动态表单验证(下)
使用JavaScript实现动态表单验证