Javascript JQuery注册表表单验证

Javascript JQuery注册表表单验证,javascript,php,jquery,validation,Javascript,Php,Jquery,Validation,我有一个网站的注册表格,基本上包含: 名字 姓氏 出生日期 电子邮件 用户名 密码 确认密码 我能够制作一个脚本,验证表单的每个案例是否已填写,以及电子邮件是否为有效的电子邮件地址。现在,我陷入了如何验证数据库中是否存在全名(将如下所示:Name+LastName)、电子邮件和用户名的问题。我尝试使用jquery.validate插件,但无法开始工作 演示: /***注册***/ $(文档).ready(函数(){ $flag=1; /*****个人资料核实****/ $(“#名称”).f

我有一个网站的注册表格,基本上包含:

  • 名字
  • 姓氏
  • 出生日期
  • 电子邮件
  • 用户名
  • 密码
  • 确认密码 我能够制作一个脚本,验证表单的每个案例是否已填写,以及电子邮件是否为有效的电子邮件地址。现在,我陷入了如何验证数据库中是否存在全名(将如下所示:Name+LastName)、电子邮件和用户名的问题。我尝试使用jquery.validate插件,但无法开始工作
演示:

/***注册***/
$(文档).ready(函数(){
$flag=1;
/*****个人资料核实****/
$(“#名称”).focusout(函数(){
if($(this.val()=''){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_name”).text(“*您必须输入您的名字!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#错误名称”)。文本(“”);
}
});
$(“#lastname”).focusout(函数(){
if($(this.val()=''){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_lastname”).text(“*您必须输入您的姓氏!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#error_lastname”).text(“”);
}
});
$(“#dob”).focusout(函数(){
if($(this.val()=''){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_dob”).text(“*您必须输入您的出生日期!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#error_dob”).text(“”);
}
});
/*****电子邮件验证****/
函数validateEmail(sEmail){
(a-a-z)目前,在本月的,,\\\\\\\\\\-//目前,((a-a-z)以及,\\\在场在场在场在场在场在场在场在场在场在场在场的,,(((([a-z[a-z[a-z[a-z[[a-z[a-z[a-z[[a-z]在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场的,,,,,,,,,,,\\\\\-///////////////////////,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,[[[[纽约纽约纽约纽约在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场在场2.((\x20 |\x09)*(\x0d\x0a))(\x20 |\x09+)(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]| \x21 |[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))|(\\([x01-\x01-\x01-\x01-\x01-\x09\x09\x09\x09\x09\X0\X0\x01-\x01-\x01-\x01-\x01-\x09\x09\X0\X0\X0\X0\X0\X0\X0\X0\X0\X0\X0\X0\X0\\X0\X000000000000000000B-\X0-\X0-\X0-\X0-\X0\X0-\X0-\X0\X0\X0\X0\X0-\X7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7[[[[7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7][[[[[[[[DCF\uFDF0-\uFFEF]([a-z]|\d-|-|-|-|-|-|-|-|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d |[\u00A0-\uD7FF\uF900-\uFDCF-\uFFEF]))\(a-z[a-z[a-z[a-z[a-z[a-z[a-z[a-z[[a-z[a-z[a-z[a-z[a-z[a-z[[a-z[[a-z[a-z[[a-z[a-z[a-z[a-a-a-z[[[a-a-a-a-a-a-a-z[[[[[a-a-a-a-a-z[[[[a-a-a-z[0-a-z[0-0-0-0-0-0-0-\零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零零$/;
if(filter.test(sEmail)){
返回true;
}否则{
返回false;
}
}
$(“#电子邮件”).focusout(函数(){
var sEmail=$('#email').val();
if($.trim(sEmail).length==0){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“错误电子邮件”)。文本(“请输入有效的电子邮件地址”);
e、 预防默认值();
}
if(validateEmail(sEmail)){
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#错误电子邮件”)。文本(“”);;
}否则{
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“错误电子邮件”)。文本(“无效电子邮件地址”);
e、 预防默认值();
}
});
/*****登录数据验证****/
$(“#用户名”).focusout(函数(){
if($(this.val()=''){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_username”).text(“*您必须输入您的用户名!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#错误#u用户名”)。文本(“”);
}
});
$(“#密码”).focusout(函数(){
if($(this.val()=''){
$(this.css(“边框颜色”,“cd2d00”);
$(“#提交”).attr('disabled',true);
$(“错误密码”).text(“*您必须输入密码!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“错误密码”)。文本(“”);
}
});
$(“#确认”).focusout(函数(){
如果($(“#确认”).val()!==$(“#密码”).val()){
$(“#确认”).css(“边框颜色”,“#cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#错误_确认”)。文本(“密码不匹配!”);
}否则{
$(this.css(“边框颜色”,“2eb82e”);
$(“#提交”).attr('disabled',false);
$(“#错误_确认”)。文本(“”);
}
});
/***+*提交验证****/
$(“#提交”)。单击(函数(){
如果($(“#名称”).val()=''){
$(“#name”).css(“边框颜色”,“#cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_name”).text(“*您必须输入您的名字!”);
}
if($(“#lastname”).val()=''){
$(“#lastname”).css(“边框颜色”,“#cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_lastname”).text(“*您必须输入您的姓氏!”);
}
如果($(“#dob”).val()=''){
$(“#dob”).css(“边框颜色”,“#cd2d00”);
$(“#提交”).attr('disabled',true);
$(“#error_dob”).text(“*您必须输入