//验证码函数

<button id="send">点击发送验证码</button>

<script src="jquery.min.js"></script>

<script>

$('#send').click(function(){

    //发生送验证码函数

    //....

    time($(this));

})

    var wait=60;//时间

    function time(o){//o为按钮的对象，p为可选，这里是60秒过后，提示文字的改变

        if (wait == 0) {

        o.removeAttr("disabled");

        o.text("点击发送验证码");//改变按钮中value的值 

        wait = 60;

        } else {

        o.attr("disabled", true);//倒计时过程中禁止点击按钮

        o.text(wait + "秒后重发");//改变按钮中value的值

        wait--;

        setTimeout(function() {

        time(o);//循环调用

        },

        1000)

        }

}

</script>

//生成随机数

// 生成随机数

function randombetween(min, max){

    return min + (Math.random() * (max-min +1));

}

//阻止冒泡

function stopBubble(e){

    e = e || window.event;

    if(e.stopPropagation){

        e.stopPropagation();  //W3C阻止冒泡方法

    }else {

        e.cancelBubble = true; //IE阻止冒泡方法

    }

}

 //验证码

<script language="javascript" type="text/javascript">

var code;

function createCode(){

code = new Array();

var codeLength = 4;

var checkCode = document.getElementById("checkCode");

checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

for(var i=0;i<codeLength;i++) {

   var charIndex = Math.floor(Math.random()*32);

   code +=selectChar[charIndex];

}

checkCode.value = code;

}

function validate () {

var inputCode = document.getElementById("yzm").value.toUpperCase();

if(inputCode != code ){ alert("验证码错误！"); return false; }

else { alert("验证码正确！"); return true; }

}

</script>

</head>

<body onLoad="createCode();">

验证码：<input type="text" id="yzm" size="5" />

<input type="button" id="checkCode" onClick="createCode()" title="刷新验证码"  />

<input type="button" id="Button1" onClick="validate();" value="确定" />

</body>

自己常用JS和JQ 函数的更多相关文章

  1. 常用JS验证和函数

    下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用 //浮点数除法运算 function fdiv(a, b, n) { if (n == undef ...

  2. 常用js或jq效果汇总

    实时监控输入框改变    $('#password').bind('input propertychange', function() {}

  3. 100多个基础常用JS函数和语法集合大全

    网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...

  4. 分享我常用的一些JS验证和函数

    下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用//浮点数除法运算 function fdiv(a, b, n) { if (n == undefi ...

  5. 原生JS研究：学习jquery源码，收集整理常用JS函数

    原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/ar ...

  6. api日常总结：前端常用js函数和CSS常用技巧

    我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font- ...

  7. web前端关于html转义符的常用js函数

    web前端关于html转义符的常用js函数 //去掉html标签 function removeHtmlTab(tab) { return tab.replace(/<[^<>]+? ...

  8. 基础常用JS函数和语法

    100多个基础常用JS函数和语法集合大全  来源:http://www.cnblogs.com/hnyei/p/4605103.html 网站特效离不开脚本,javascript是最常用的脚本语言,我 ...

  9. 常用 JS 函数

    各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的.这个时候就需要寻求搜索引擎的帮助.这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味.因此这篇文字包含了一份 JS ...

随机推荐

  1. php cUrl模拟登录，cookie保存到文件中

    源码如下: <?php header("Content-Type:text/html;charset=utf-8"); //模拟群友通讯录手机号登录 $curl = curl ...

  2. C#操作Mongodb的心得

    Mongodb是一个强大的文档型数据库,采用BSON的数据格式.本文主要采用其官方的C#驱动来操作其表中的集合.驱动版本为1.1.0,下载地址为: http://mongodb.github.io/m ...

  3. 解决：IntelliJ IDEA 编译错误，提示 Compilation failed: internal java compiler error

    原因可能是项目指定的JDK与当前环境JDK不符合,解决办法:File->Setting->Compiler->Java Compiler, 在相应的module中选择合适的JDK版本 ...

  4. C#如何实现下载文件保存到本地上面去

    public void btnTemplate_Click(object sender, EventArgs e) { string strResult = string.Empty; string ...

  5. javascript中通过匿名函数进行事件绑定

  6. Qt编译安装qwt错误moc/xxx Error:126

    最近搞设计,需要在上位机上绘制曲线,在网上找了找,发现python的matplotlib和Qt的qwt都不错,本着难度最小原则,选择了Qt下面的qwt,安装过程中遇到了编译错误:moc/xxx Err ...

  7. OO Design

    什么是设计原则? 设计原则是基本的工具,应用这些规则可以使你的代码更加灵活.更容易维护.更容易扩展.基本原则:封装变化Encapsulate what varies.面向接口变成而不是实现 Code ...

  8. JQuery常用方法一览

    $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/ ...

  9. angularJS和jQuery的区别

    问题: 假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答: 1.在设计客户端web应用的时候有什么区别,最大 ...

  10. Android Fragment替换View

    在BaseActivity 中添加替换方法 public void replace(int id, Fragment fragment) { getSupportFragmentManager() . ...