Javascript电子邮件验证+;文本添加未命中行为
我试图通过两个步骤进行表单验证。一个客户端,一个服务器端。我设法使客户支票的某些部分生效。我遇到了奇怪的虫子。。。守则:Javascript电子邮件验证+;文本添加未命中行为,javascript,forms,validation,email,text,Javascript,Forms,Validation,Email,Text,我试图通过两个步骤进行表单验证。一个客户端,一个服务器端。我设法使客户支票的某些部分生效。我遇到了奇怪的虫子。。。守则: //global vars var form, cegnev, cegnevInfo, cegcim, cegcimInfo, cegemail, cegemailInfo, cegkapcs, cegkapcsInfo, cegbeosz, cegbeoszInfo; form = $("#jelentkezes"); cegnev = $("#ceg_nev");
//global vars
var form, cegnev, cegnevInfo, cegcim, cegcimInfo, cegemail, cegemailInfo, cegkapcs, cegkapcsInfo, cegbeosz, cegbeoszInfo;
form = $("#jelentkezes");
cegnev = $("#ceg_nev");
cegnevInfo = $("#ceg_nevInfo");
cegcim = $("#ceg_cim");
cegcimInfo = $("#ceg_cimInfo");
cegemail = $("#ceg_cim");
cegemailInfo = $("#ceg_emailInfo");
cegkapcs = $("#ceg_kapcs");
cegkapcsInfo = $("#ceg_kapcsInfo");
cegbeosz = $("#ceg_beosz");
cegbeoszInfo = $("#ceg_beszInfo");
(function () {
"use strict";
// this function is strict...
$(document).ready(function () {
function validateCegemail() {
//testing regular expression
var a = $("#ceg_email").val(), filter = /^(([^<>()\[\]\\.,;:\s@\"]+(\.[^<>()\[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
//if it's valid email
if (filter.test(a)) {
cegemail.removeClass("elizelte");
cegemailInfo.removeClass("elizelte");
cegemailInfo.text("Jó!");
cegemail.addClass("lotto");
cegemailInfo.addClass("lotto");
return true;
} else {
//if it's NOT valid
cegemail.removeClass("lotto");
cegemailInfo.removeClass("lotto");
cegemail.addClass("elizelte");
cegemailInfo.text("E-mail formátuma nem megfelelő! pl: valaki@vhalahol.hu");
cegemailInfo.addClass("elizelte");
return false;
}
}
function validateCegnev() {
//if it's NOT valid
if (cegnev.val().length < 7) {
cegnev.removeClass("lotto");
cegnevInfo.removeClass("lotto");
cegnev.addClass("elizelte");
cegnevInfo.text("Cég névnek több mint 7 betűből kell állnia!");
cegnevInfo.addClass("elizelte");
return true;
} else {
//if it's valid
cegnev.removeClass("elizelte");
cegnevInfo.removeClass("elizelte");
cegnevInfo.text("Jó!");
cegnev.addClass("lotto");
cegnevInfo.addClass("lotto");
return false;
}
}
function validateCegbeosz() {
//if it's NOT valid
if (cegbeosz.val().length < 4) {
cegbeosz.removeClass("lotto");
cegbeoszInfo.removeClass("lotto");
cegbeosz.addClass("elizelte");
cegbeoszInfo.text("Beosztás minimum 4 betűből kell, hogy álljon!");
cegbeoszInfo.addClass("elizelte");
return true;
} else {
//if it's valid
cegbeosz.removeClass("elizelte");
cegbeoszInfo.removeClass("elizelte");
cegbeoszInfo.text("Jó!");
cegbeosz.addClass("lotto");
cegbeoszInfo.addClass("lotto");
return false;
}
}
function validateCegkapcs() {
//if it's valid
var a = $("#ceg_kapcs").val(), filter = /^(\b[a-zA-Z.-]+\b.*){2,4}$/;
if (filter.test(a)) {
cegkapcs.removeClass("elizelte");
cegkapcsInfo.removeClass("elizelte");
cegkapcsInfo.text("Jó!");
cegkapcs.addClass("lotto");
cegkapcsInfo.addClass("lotto");
return true;
} else {
//Ha if it's NOT valid
cegkapcs.removeClass("lotto");
cegkapcsInfo.removeClass("lotto");
cegkapcs.addClass("elizelte");
cegkapcsInfo.text("Kis és nagybetű, szóköz és kőtőjel csak a megengedett!");
cegkapcsInfo.addClass("elizelte");
return false;
}
}
//On blur
cegnev.blur(validateCegnev);
cegemail.blur(validateCegemail);
cegkapcs.blur(validateCegkapcs);
cegbeosz.blur(validateCegbeosz);
//On key press
cegnev.keyup(validateCegnev);
cegemail.keyup(validateCegemail);
cegkapcs.keyup(validateCegkapcs);
cegbeosz.keyup(validateCegbeosz);
//全局变量
风险值表、cegnev、cegnevInfo、cegcim、cegcimInfo、cegemail、cegemailInfo、cegkapcs、CEGKAPSINFO、cegbeosz、cegbeoszInfo;
表格=$(“jelentkezes”);
cegnev=$(“ceg_nev”);
cegnevInfo=$(“ceg_nevInfo”);
cegcim=$(“ceg_cim”);
cegcimInfo=$(“ceg#U cimInfo”);
cegemail=$(“ceg_cim”);
cegemailInfo=$(“ceg_emailInfo”);
cegkapcs=$(“#ceg_kapcs”);
cegkapcsInfo=$(“ceg#u kapcsInfo”);
cegbeosz=$(“ceg#u beosz”);
cegbeoszInfo=$(“ceg#u beszInfo”);
(功能(){
“严格使用”;
//这个函数是严格的。。。
$(文档).ready(函数(){
函数validateCegemail(){
//测试正则表达式
var a=$(“#cegemail”).val(),filter=/^([^()\[\]\\,;:\s@\“]+(\.[^()\[\]\\,;:\s@\\']+)*)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]}.[1,3}.+];
//如果它是有效的电子邮件
if(过滤器测试(a)){
cegemail.removeClass(“elizelte”);
removeClass(“elizelte”);
cegemailInfo.text(“Jó!”);
cegemail.addClass(“乐透”);
cegemailInfo.addClass(“乐透”);
返回true;
}否则{
//如果它是无效的
cegemail.removeClass(“乐透”);
cegemailInfo.removeClass(“乐透”);
cegemail.addClass(“elizelte”);
cegemailInfo.text(“电子邮件表单átuma nem megfelelőpl:valaki@vhalahol.hu");
cegemailInfo.addClass(“elizelte”);
返回false;
}
}
函数validateCegnev(){
//如果它是无效的
if(cegnev.val().长度<7){
cegnev.removeClass(“乐透”);
cegnevInfo.removeClass(“乐透”);
cegnev.addClass(“elizelte”);
cegnevInfo.text(“Cég névnek több mint 7 betűből kellállnia!”);
cegnevInfo.addClass(“elizelte”);
返回true;
}否则{
//如果有效的话
cegnev.removeClass(“elizelte”);
cegnevInfo.removeClass(“elizelte”);
文本(“Jó!”);
cegnev.addClass(“乐透”);
cegnevInfo.addClass(“乐透”);
返回false;
}
}
函数validateCegbeosz(){
//如果它是无效的
if(cegbeosz.val().length<4){
cegbeosz.removeClass(“乐透”);
cegbeoszInfo.removeClass(“乐透”);
cegbeosz.addClass(“elizelte”);
文本(“Beosztás最少4个betűből kell,hogyálljon!”);
cegbeoszInfo.addClass(“elizelte”);
返回true;
}否则{
//如果有效的话
cegbeosz.removeClass(“elizelte”);
cegbeoszInfo.removeClass(“elizelte”);
文本(“Jó!”);
cegbeosz.addClass(“乐透”);
cegbeoszInfo.addClass(“乐透”);
返回false;
}
}
函数validatecegkaps(){
//如果有效的话
var a=$(“#ceg_kapcs”).val(),filter=/^(\b[a-zA-Z.-]+\b.*){2,4}$/;
if(过滤器测试(a)){
cegkapcs.removeClass(“elizelte”);
移除类(“elizelte”);
文本(“Jó!”);
cegkapcs.addClass(“乐透”);
cegkapcsInfo.addClass(“乐透”);
返回true;
}否则{
//哈,如果它是无效的
删除类(“乐透”);
cegkapcsInfo.removeClass(“乐透”);
cegkaps.addClass(“elizelte”);
cegkapcsInfo.text(“Kisés nagybetű,szóközés kőtőjel csak a megengedett!”);
cegkapcsInfo.addClass(“elizelte”);
返回false;
}
}
//关于模糊
塞涅夫·布勒(validateCegnev);
blur(validateCegemail);
模糊(validatecegkaps);
cegbeosz.blur(validateCegbeosz);
//按键
cegnev.keyup(validateCegnev);
cegemail.keyup(validateCegemail);
cegkaps.keyup(validatecegkaps);
cegbeosz.keyup(validateCegbeosz);
我不知道什么是合适的,或者不发布整个代码,或者只是我有真正问题的部分,请原谅我不知道。我的问题是有两个验证工作完美无瑕。一个是“cegnev”,另一个是“cegkapcs”.另外两个搞错了,但不同。cegemail根本不起作用。cegbeosz在一定程度上起作用,但不会改变文本
“测试”如果你想查看网站的html部分,可以访问www.tudatoscommunikacio.hu/gergo。我对javascript非常陌生,我确实认为这是造成错误的原因。我试图通过使用Jlint缩小我的错误范围,但除了一些我可以在网上看到的问题之外,没有什么是突出的缺陷。感谢e help,我在这里非常绝望…从外观上看,这只是一个复制粘贴错误。在代码顶部:
cegcim = $("#ceg_cim");
cegcimInfo = $("#ceg_cimInfo");
cegemail = $("#ceg_cim");
cegemailInfo = $("#ceg_emailInfo");
您正在为cegemail变量选择ceg_simid
您的另一个问题也是一个微不足道的拼写错误:
cegbeosz = $("#ceg_beosz");
cegbeoszInfo = $("#ceg_beszInfo");
你漏了一个“o”
我强烈建议将来使用javascript调试器来捕获这些小错误