表单验证

2017-02-15  本文已影响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");

}

}

上一篇下一篇

猜你喜欢

热点阅读