文档章节

表单元素的验证

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
表单验证--Validform

Validform:一行代码搞定整站的表单验证!$(".demoform").Validform(); 为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核...

haiercdboy
2012/03/19
6.5K
2

没有更多内容

加载失败,请刷新页面

加载更多

iOS个人中心渐变动画、微信对话框、标签选择器、自定义导航栏、短信验证输入框等源码

iOS精选源码 简单的个人中心页面-自定义导航栏并予以渐变动画 程序员取悦女票的正确姿势---Tip1(iOS美容篇) iOS 前台重启应用和清除角标的问题 微信原生提醒对话框3.0 JHLikeButton - 有趣...

Android爱开源
6分钟前
0
0
Yii2使用驼峰命名的形式访问控制器

yii2在使用的时候,访问控制器的时候,如果控制器的名称是驼峰命名法,那访问的url中要改成横线的形式。例如: public function actionRoomUpdate(){//}//访问的时候就要www.test.co...

dragon_tech
9分钟前
0
0
Navicat使用教程:使用Navicat Query Analyzer优化查询性能(第2部分)

下载Navicat Monitor最新版本 Navicat Monitor 是一套安全、简单而且无代理的远程服务器监控工具。它具有强大的功能使你的监控发挥最大效用。受监控的服务器包括 MySQL、MariaDB 和 Percona ...

电池盒
15分钟前
0
0
Python3 读写utf-8文本文件

with open('testRead.txt', 'r', encoding='utf-8') as f: for each_line in f: Passwith open('testWrite.txt', 'w', encoding='utf-8') as f: f.write('写入的内容'......

编程老陆
18分钟前
0
0
Linux syslog相关函数详解

介绍 syslog是Unix系统的日志系统。可以将日志记录在本地系统中。 一个完整的syslong日志包含如下信息:程序模块 | 严重性 | 时间 | 主机名 | 进程名 | 进程ID | 正文。 syslong相关函数 1....

RongJinhui0
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部