文档章节

JavaScript表单最简单验证

f
 feifei080366
发布于 2017/08/28 21:22
字数 160
阅读 7
收藏 1
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>登录 - 支付宝</title>
    </head>
<body>
<form action="#" method="get">
    <label for="">账号:</label>
    <input type="text" name="username" id="username"> <br>
    <label for="">密码:</label>
    <input type="password" name="password1" id="password1"> <br>
    <label for="">确认密码:</label>
    <input type="password" name="password2" id="password2"> <br>
    <input type="submit" value="注册" name="regit" onclick=eg.function1()>
</form>
<script>
    var eg={};
    eg.$=function(id){
        return document.getElementById(id);
    }
    eg.function1=function () {
        var user=eg.$("username");
        var psd1=eg.$("password1");
        var psd2=eg.$("password2");
        if (user.value==""){
            alert("账号不能为空");
            return false;
        }
        if (psd1.value==""){
            alert("密码不能为空");
            return false;

        }
        if (psd1.value!=psd2.value){
            alert("输入密码不相同,请正确输入");
            return false;
        }
        return true;
    };
</script>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
上一篇: 表单元素的验证
下一篇: jq编写拖拽
f
粉丝 0
博文 8
码字总数 1636
作品 0
私信 提问
jQuery验证框架(一) 可选项 (jQuery validation)

jQuery验证框架 Html代码 <script type="text/javascript" src=js/jquery-1.3.2.min.js></script> <script type="text/javascript" src=js/jquery.validate.pack.js></script> <script type......

打杂
2010/11/16
0
5
jQuery验证框架(五)验证器 (jQuery validation)

jQuery验证框架 五、验证器( Validator ) validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法,不...

打杂
2010/11/16
0
1
10个强大的Javascript表单验证插件推荐

创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的。本文介绍了10个不错的JavaS...

leon_rock
2012/04/20
41.4K
4
jQuery验证框架(六)内置验证方法 (jQuery validation)

jQuery验证框架 六、框架内建的验证方法( List of built-in Validation methods ) [1] required( ) 返回:Boolean 说明:让表单元素必须填写(选择)。 如果表单元素为空(text input)或未选择...

打杂
2010/11/16
0
1
有哪些常见的验证表单方式,他们各自的优缺点是什么?

大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员 今天给大家分享一下,修真院官网JS任务10,深度思考中的知识点——谈谈以前端角度出发做好SEO需要考虑什么? 1.背景...

我是一只北极熊啊
2017/11/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

前端工程师的知识体系

Front-End Engineer 这词很好的体现了前端的特(ku)殊(bi)性。 下图是张克军绘制的前端工程师图解: 前端开发的核心是HTML + CSS + JavaScript。本质上它们构成一个MVC框架,即HTML作为信息模...

文文1
1分钟前
0
0
随行付微服务测试之性能测试

背景 传统性能测试更多的是以事务为核心,更多的是由单个或者多个事务构成业务场景进行压测。全链路压测指完全引入相关联的系统,尽量真实模拟线上硬件环境,更多的是以请求为核心,完全模拟...

马力-随行付
4分钟前
0
0
JavaScript是如何工作的:事件循环和异步编程的崛起 + 5种使用 async/await 更好地编码方式!

摘要: 深度理解JS事件循环!!! 原文:JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 async/await 更好地编码方式! 作者:前端小智 Fundebug经授权转载,版权归原作者所有。...

Fundebug
4分钟前
0
0
hanlp在Python环境中的安装失败后的解决方法

Hanlp是由一系列模型与算法组成的javag工具包,目标是普及自然语言处理再生环境中的应用。有很多人在安装hanlp的时候会遇到安装失败的情况,下面就是某大神的分享的在python环境中安装失败的...

左手的倒影
26分钟前
1
0
【更新】Infragistics Ultimate UI for WPF v18.2(二):分类图

下载Infragistics Ultimate UI for WPF最新版本 Infragistics Ultimate UI for WPF是一款提供高速的网格和图表,轻松创建仿Office应用程序的WPF界面框架,从广度和深度两方面使得开发者在缩短...

电池盒
26分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部