表单验证

-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");

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容