WebContent/front/js/user/login.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

$(function() {
	
	/*
	 * 1. 给注册按钮添加submit()事件，完成表单校验
	 */
	$("#submit").submit(function(){
		$("#msg").text("");
		var bool = true;
		$(".input").each(function() {
			var inputName = $(this).attr("name");
			if(!invokeValidateFunction(inputName)) {
				bool = false;
			}
		});
		return bool;
	});
	
	/*
	 * 2. 输入框得到焦点时隐藏错误信息
	 */
	$(".form-control").focus(function() {
		var inputName = $(this).attr("name");
		$("#" + inputName + "Error").css("display", "none");
	});
	
	/*
	 * 3. 输入框推动焦点时进行校验
	 */
	$(".form-control").blur(function() {
		var inputName = $(this).attr("name");
		invokeValidateFunction(inputName);
	});
});




/*
 * 输入input名称，调用对应的validate方法。
 * 例如input名称为：loginname，那么调用validateLoginname()方法。
 */
function invokeValidateFunction(inputName) {
	inputName = inputName.substring(0, 1).toUpperCase() + inputName.substring(1);
	var functionName = "validate" + inputName;
	return eval(functionName + "()");	
}

/*
 * 校验登录名
 */
function validateUsername() {
	var bool = true;
	$("#usernameError").css("display", "none");
	var value = $("#username").val();
	if(!value) {// 非空校验
		$("#usernameError").css("display", "");
		$("#usernameError").text("用户名不能为空！");
		bool = false;
	} else if(value.length < 3 || value.length > 10) {//长度校验
		$("#usernameError").css("display", "");