文档章节

表单元素的验证

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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Memcached启动参数详解

memcached -d -m 1024 -l 192.168.100.101 -p 11211 -P /tmp/memcached.pid -c 1024 -f 1.25 -n 80 -t 16 运行参数描述 -d:以守护(daemon)进程方式启动; -u:是运行Memcache的用户,例如 ......

月下狼
20分钟前
0
0
xgboost-kaggle

https://www.kaggle.com/dansbecker/xgboost This tutorial is part of the Learn Machine Learning series. In this step, you will learn how to build and optimize models with the powe......

tantexian
20分钟前
0
0
nginx学习八 代理服务

最常用的语法 proxy_pass Syntax: proxy_pass URL;Default: --Context:location.if in location,limit_exception 反向代理 例:/etc/nginx/conf.d/default.conf 反向代理(代理服务端)......

Romanceling
28分钟前
0
0
npm ERR! Unexpected end of JSON ...

npm install 报错: npm ERR! Unexpected end of JSON input while parsing near '..."^2.8.14"},"_hasShrin' npm ERR! A complete log of this run can be found in: ... 打开终端 命令: 第......

大_侠
32分钟前
0
0
Android中的设计模式之责任链模式

参考 《设计模式:可复用面向对象软件的基础 》5.1 Chain of responsibility 职责链 对象行为型模式 《Android源码设计模式解析与实战》第9章 使编程更有灵活性--责任链模式 意图 使多个对象...

newtrek
35分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部