美文网首页
表单验证

表单验证

作者: 游荡的猫咪 | 来源:发表于2017-02-15 14:51 被阅读0次

    -1-关于jquery.validate.js

    $("input").on("input",function(){

    $(this).removeData("previousValue").valid();

    });//添加此句能够在输入的时候清除缓存,从而保证随时更新最新提示信息,特别是在有remote的时候比较有效;

    $("form").valid()返回boolean,进行有效性验证;

    -2- 关于验证码倒计时按钮

    InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次

    //timer处理函数

    function SetRemainTime() {

    if (curCount == 0) {

    window.clearInterval(InterValObj);//停止计时器

    $("#btnSendCode").removeAttr("disabled");//disabled按钮需要另外设置样式,eg:input:disabled{}

    $("#btnSendCode").val("重新发送验证码");

    }

    else {

    curCount--;

    $("#btnSendCode").val("请在" + curCount + "秒内输入");

    }

    }

    -3- 关于点击更改图片

    function onchangePatchca() {

    var xmlR = Math.random(10000);

    $(".tx-code-img").attr("src", "/captcha?rd=" + xmlR);

    }

    -4-点击眼睛更改密码框的可见性

    function changeTypeOfPassword(that){

    if($(that).siblings(".input").attr("type")==="password"){

    var val=$(that).siblings(".input[type='password']").val();

    $(that).parent().append('');

    $(that).siblings(".input[type='password']").remove();$(that).attr("src","input_eye_active.png");

    }else{

    var val=$(that).siblings(".input").val();

    $(that).parent().append('');

    $(that).siblings(".input[type='text']").remove();$(that).attr("src","input_eye.png");

    }

    }

    相关文章

      网友评论

          本文标题:表单验证

          本文链接:https://www.haomeiwen.com/subject/ghsqwttx.html