首页 > 其他 > 详细

简易表单验证

时间:2015-12-23 21:14:20      阅读:208      评论:0      收藏:0      [点我收藏+]

本来是用的其他网站扒下来的验证,结果因为JS压缩问题无法实现,于是就在他的基础上,自己做了简易验证,代码来一波

<input type="text" id="login_merchant_id" class="input input_white" name="key_uni" placeholder="请输入商户ID"  autocomplete="off"  onkeypress="return handleEnter(this, event)">
<span id="login_merchant_id_span" class="input_tips">请输入6位的商户ID</span>

span是提示信息,html里就给他写好,然后给个.input_tips{display: none;}


然后下面blur触发验证

$("#login_merchant_id").blur(function(e){
        var val = $("#login_merchant_id").val();
        if(val.length !=6){
                $("#login_merchant_id").next().css("display","block");
        }
        else{
                $("#login_merchant_id").next().css("display","none");
        }
});

 

简易表单验证

原文:http://www.cnblogs.com/samtrybest/p/5071219.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!