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>