文档章节

表单元素的验证

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

没有更多内容

加载失败,请刷新页面

加载更多

新手转行学java难吗?新手学java需要注意的6个方面!

新手转行在成都学java到底难不难,对于这个问题,我们专门做过一个调查,超过1000名已经在职的java从业者,其中有80%的程序员觉得学java不难,20%的程序员觉得前期有点难,其中对于50%自学的...

Java领航员
57分钟前
3
0
动态规划-硬币问题分析

什么是动态规划 上次对动态规划已经有了个大概的分析。引用维基百科的话就是: dynamic programming is a method for solving a complex problem by breaking it down into a collection of...

AI考拉
今天
2
0
谈谈lucene的DocValues特性之SortedSetDocValuesField

SortedSetDocValuesField与SortedDocValuesField类似但它是一键多值的(注意:lucene的数据模型是支持一键多值的即key-values模型),lucene在实现时会判断是一键一值还是多值,如果单值就调...

FAT_mt
今天
1
0
生产者消费者模式

//尚学堂视频里,不是完整的 public class Movie { /** * 共同的资源 */ private String pic; //flay为true生产,false消费 private boolean flag=true; public synchronized void play(Str......

南桥北木
今天
1
0
使用阿里云镜像安装kubernetes

参考阿里云镜像 https://opsx.alibaba.com/mirror?lang=zh-CN 系统: CentOS / RHEL / Fedora cat <<EOF > /etc/yum.repos.d/kubernetes.repo[kubernetes]name=Kubernetesbaseurl=https......

北漂的我
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部