文档章节

表单元素的验证

f
 feifei080366
发布于 2017/08/29 20:30
字数 242
阅读 4
收藏 0
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>test2</title>
    </head>
<body>
<form action="#" method="get" onsubmit="return eg.function1()">
    <input type="hidden" id="num1" name="" value="0">
    <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>
    <label for="">简介:</label>
    <textarea cols="4" rows="4" id="myTaxtarea"></textarea> <br>
    <input type="submit" value="注册" name="regit" id="regit" >
    <input type="button" value="解锁" name="lock" id="lock" onclick=eg.onlock() style="display=none;">
</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("账号不能为空");
            eg.count1();
            return false;
        }
        if (psd1.value==""){
            alert("密码不能为空");
            eg.count1();
            return false;

        }
        if (psd1.value!=psd2.value){
            alert("输入密码不相同,请正确输入");
            eg.count1();
            return false;
        }
        return true;
    };
    eg.count1=function () {
        var num1=eg.$("num1");
        var count=num1.value;
        num1.value=parseInt(count)+1;
        eg.lock();

    };
    eg.lock=function () {
        var num1=eg.$("num1");
        if (parseInt(num1.value)>2){
            eg.$("regit").disabled=true;
            eg.$("lock").style.display="none";
        }

    }
    eg.onlock=function () {
        eg.$("regit").disabled=false;
        eg.$("lock").style.display="block";
    }
</script>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
f
粉丝 0
博文 8
码字总数 1636
作品 0
私信 提问
CI(codeigniter 2.0.2)开发手记(1)-表单元素名称使用数组形式时存在的bug

表单元素名称使用数组形式时存在的bug CI框架中默认集成了表单验证的类,表单提交时提供的验证方式有:必填、长度、邮箱、ip、比较等一些常用的验证,但是默认表单元素比较验证(matches[form...

浔__
2011/09/15
0
3
Jquery表单验证插件–Validform:一行代码搞定整站的

你没看错,就一行代码搞定整站的表单验证! 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑...

青石
2011/09/07
0
0
jQuery验证框架(五)验证器 (jQuery validation)

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

打杂
2010/11/16
0
1
BootstrapValidator-验证插件

一、使用须知 插件下载:https://github.com/nghuuphuoc/bootstrapvalidator API:http://bootstrapvalidator.votintsev.ru/api/ 推荐:https://www.cnblogs.com/landeanfen/p/5035608.html......

刺風
2017/11/20
0
0
HTML5 表单验证

一、自动验证 我们可以通过元素的属性设置,进行表单提交的验证。 required属性 此属性可以应用在大多数输入元素上(除了隐藏元素、图片元素按钮上)。提交时,如果元素为空,则在浏览器中显...

SKYCOBS
2016/03/16
64
0

没有更多内容

加载失败,请刷新页面

加载更多

Alibaba Java诊断利器Arthas实践--使用redefine排查应用奇怪的日志来源

背景 随着应用越来越复杂,依赖越来越多,日志系统越来越混乱,有时会出现一些奇怪的日志,比如: [] [] [] No credential found 那么怎样排查这些奇怪的日志从哪里打印出来的呢?因为搞不清...

hengyunabc
今天
1
0
home hosts

home hosts lwk@qwfys:~$ cat /etc/hosts127.0.0.1 localhost127.0.1.1 qwfys192.168.56.101vm600.qwfys.com39.108.212.91alpha1.ppy.com39.108.117.122alpha2.p......

qwfys
今天
1
0
大数据教程(6.1)hadoop生态圈介绍及就业前景

1. HADOOP背景介绍 1.1、什么是HADOOP 1.HADOOP是apache旗下的一套开源软件平台 2.HADOOP提供的功能:利用服务器集群,根据用户的自定义业务逻辑,对海量数据进行分布式处理 3.HADOOP的核心组...

em_aaron
今天
4
0
hadoop垃圾回收站

在生产生,hdfs回收站必须是开启的,一般设置为7天。 fs.trash.interval 为垃圾回收站保留时间,如果为0则禁用回收站功能。 fs.trash.checkpoint.interval 回收站检查点时间,一般设置为小于...

hnairdb
昨天
3
0
腾讯与Github的魔幻会面背后的故事…

10月22日,腾讯开源管理办公室有幸邀请到Github新晋CEO Nat Friedman,前来鹅厂参观交流。目前腾讯已经有近70个项目在Github上开源,共获得17w stars,世界排名11位。Github是腾讯开源的主阵...

腾讯开源
昨天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部