htmlはajaxを使用してのみ値を取得
でき、jspは対応するドメインオブジェクトを使用して値を取得できます。
ユーザー名、氏名、メールアドレスの確認について。
<script>
function checkUsername() {
var username = $("#username").val();
var reg_username = /^\w{8,20}$/;
var flag = reg_username.test(username);
// console.log(flag);
if (flag){
$("#username").css("border","");
}else {
$("#username").css("border","1px solid red");
}
return flag;
}
function checkpassword(){
var password = $("#password").val();
var reg_password = /^\w{8,20}$/;
var flag = reg_password.test(password);
// console.log(flag);
if (flag){
$("#password").css("border","");
}else {
$("#password").css("border","1px solid red");
}
return flag;
}
//校验邮箱
function checkEmail(){
// 获取邮箱
var email = $("#email").val();
var reg_email = /^\w+@\w+\.\w+$/;
var flag = reg_email.test(email);
if (flag){
$("#email").css("border","");
}else {
$("#email").css("border","1px solid red");
}
return flag;
}
//验证姓名
function checkname(){
// 获取邮箱
var name = $("#name").val();
var reg_name = /^[\u4E00-\u9FA5]{2,4}$/;
var flag = reg_name.test(name);
if (flag){
$("#name").css("border","");
}else {
$("#name").css("border","1px solid red");
}
return flag;
}
$(function () {
$("#registerForm").submit(function () {
return checkUsername() && checkpassword()&& checkEmail()&&checkname();
});
$("#username").blur(checkUsername);
$("#password").blur(checkpassword);
$("#email").blur(checkEmail);
$("#name").blur(checkname);
});
</script>