Html 为什么引导验证不是空的,并且字符串长度在我的登录表单中不起作用? 管理员登录 登录以启动会话 取消 登录 $(文档).ready(函数(){ $(“#LoginForm”).bootstrapValidator({ 消息:“此值无效”, 字段:{ 用户名:{ 消息:'用户名无效', 验证器:{ 注意:{ 消息:“用户名是必需的,不能为空” }, 弦长:{ 民:6,, 最高:30, 消息:“用户名长度必须大于6个字符且小于30个字符” } } } } }); });
这是我在jsp中使用引导验证的简单登录表单。但是我的引导验证根本不起作用。有什么问题?还建议我一些网站或演示来学习bootsrap验证Html 为什么引导验证不是空的,并且字符串长度在我的登录表单中不起作用? 管理员登录 登录以启动会话 取消 登录 $(文档).ready(函数(){ $(“#LoginForm”).bootstrapValidator({ 消息:“此值无效”, 字段:{ 用户名:{ 消息:'用户名无效', 验证器:{ 注意:{ 消息:“用户名是必需的,不能为空” }, 弦长:{ 民:6,, 最高:30, 消息:“用户名长度必须大于6个字符且小于30个字符” } } } } }); });,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,这是我在jsp中使用引导验证的简单登录表单。但是我的引导验证根本不起作用。有什么问题?还建议我一些网站或演示来学习bootsrap验证 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Admin Login</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- Bootstrap 3.3.4 -->
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="assets/bootstrap/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="assets/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- iCheck -->
<link href="assets/plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />
<!-- BootstrapValidator css and js -->
<link href="assets/bootstrap/css/bootstrapValidator.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="assets/bootstrap/js/bootstrapValidator.js"> </script>
<script type="text/javascript" src="assets/bootstrap/js/jquery-1.10.2.min.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]-->
<script src="assets/bootstrap/js/html5shiv.min.js"></script>
<script src="assets/bootstrap/js/respond.min.js"></script>
<!-- [endif]-->
</head>
<body style="background-color:#D2D6DE">
<div class="container-fluid" >
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="login-page" >
<div class="login-box">
<div class="login-logo">
<a href="#"><b>Admin Login</b></a>
</div><!-- /.login-logo -->
<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>
<form id="loginForm" action="#" class="form-horizontal" method="post">
<div class='form-group'>
<input type='text' class="form-control" placeholder="UserName EmailId" name="username" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password" name="password"/>
</div>
<div class="row">
<div class="col-xs-6">
<button type="reset" class="btn btn-danger btn-block btn-md">Cancel</button>
</div><!-- /.col -->
<div class="col-xs-6">
<button type="submit" class="btn btn-primary btn-block btn-md">Sign In</button>
</div><!-- /.col -->
</div>
</form>
<a href="ForgotPassword.jsp">I forgot my password</a><br>
<a href="register.html" class="text-center">Register a new membership</a>
</div><!-- /.login-box-body -->
</div><!-- /.login-box -->
</div>
</div>
</div>
</div>
<!-- jQuery 2.1.4 -->
<script src="assets/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="assets/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('#LoginForm').bootstrapValidator({
message: 'This value is not valid',
fields:{
username:{
message:'The username is not valid',
validators:{
notEmpty:{
message: 'The username is required and can\'t be empty'
},
stringLength: {
min: 6,
max: 30,
message: 'The username must be more than 6 and less than 30 characters long'
}
}
}
}
});
});
</script>