最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js 原型对象和原型链理解
时间:2017-03-26 编辑:简简单单 来源:一聚教程网
注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。
测试代码:
代码如下 | 复制代码 |
table{ width: 690px; } th{ padding-left: 23%; padding-bottom: 20px; } td{ width: 110px; } b{ color: #f00; }
| |
/*表单验证*/
var gets = true;//是否让表单提交
$(function(){
// 提示信息===========================================
$("input[name=lgname]").focus(function(){
if($(this).val() == this.defaultValue){
$(this).val('');
}
}).blur(function(){
if($(this).val() == ''){
$(this).val(this.defaultValue);
}
});
//当输入框失去焦点的时候,需要执行的方法
$("input[name=lgname]").blur(function(){doLgname();});
$("input[name=password]").blur(function(){doPassword();});
$("input[name=repass]").blur(function(){doRepass();});
});
// 登陆名称的验证==========================
function doLgname(){
var t = $("input[name=lgname]");
var span = t.next();
if(/^\w{6,16}$/.test(t.val())){
span.html("填写正确").css({color:"green",fontSize:"12px"});
return true;
}else{
span.html("包含数字、字母、下划线,长度在6-16之间").css({color:"#ec4e4e",fontSize:"12px"});
return false;
}
}
// 密码的验证==========================
function doPassword(){
var t = $("input[name=password]");
var span = t.next();
if(t.val() == ''){
span.html("密码不能为空").css({color:"#ec4e4e",fontSize:"12px"});
return false;
}else{
span.html('');
if(/.{15,}/.test(t.val())){
span.html("密码长度不合法");
return false;
}
return true;
}
}
// 确认密码的验证==========================
function doRepass(){
var t = $("input[name=repass]");
var span = t.next();
if(t.val() == $("input[name=password]").val() && t.val() != ''){
span.html("填写正确").css({color:"green",fontSize:"12px"});
return true;
}else{
span.html("两次密码不一致").css({color:"#ec4e4e",fontSize:"12px"});
return false;
}
}
// 数据提交的时候执行的方法
function doTable(){
var lg = doLgname();
var pass = doPassword();
var repass = doRepass();
if(lg&&pass&&repass){
return true;
}else{
return false;
}
}