Javascript 表单验证检查两个字段是否相等
我有一个javascript验证脚本,用于检查字段是否包含内容,我有一个验证脚本,用于检查两个电子邮件字段是否具有相同的输入,但我希望将这两个脚本组合成一个脚本,这样我只需推送一个带有错误消息的div 第一部分(检查字段是否有任何输入的人)Javascript 表单验证检查两个字段是否相等,javascript,validation,Javascript,Validation,我有一个javascript验证脚本,用于检查字段是否包含内容,我有一个验证脚本,用于检查两个电子邮件字段是否具有相同的输入,但我希望将这两个脚本组合成一个脚本,这样我只需推送一个带有错误消息的div 第一部分(检查字段是否有任何输入的人) 是否可以将两者结合起来?您应该为“email”和“emailnogmaals”字段提供一个ID。 假设我们给他们ID的电子邮件和电子邮件地址: function isValid(fldId,len) { var fld = $("#"+fld
是否可以将两者结合起来?您应该为“email”和“emailnogmaals”字段提供一个ID。
假设我们给他们ID的电子邮件和电子邮件地址:
function isValid(fldId,len) {
var fld = $("#"+fldId);
var val = fld.val();
window.console && console.log(fld,fldId)
if (val == "" || (len && val.length<len)) {
fld.css("borderColor","red");
return false;
}
fld.css("borderColor","black");
return true;
}
$(function() {
$("form").on("submit",function() {
var errormessage = [];
if (!isValid('name')) {
errormessage.push("error name");
}
if (!isValid('email')) {
errormessage.push("error email");
}
if (!isValid('emailnogmaals')) {
errormessage.push("error email again");
}
//-------------------------Check for equal mail
if ($('#email').Text() != $('#emailnogmaals').Text())
{
errormessage.push("emails are not equal");
}
//-------------------------Check for equal mail
if (errormessage.length>0) {
window.console && console.log("error present");
$(".error-messages").html(errormessage.join('<br/>')).fadeIn();
return false;
}
window.console && console.log("success");
return true;
});
});
函数有效(fldId,len){
变量fld=$(“#”+fldId);
var val=fld.val();
window.console&&console.log(fld,fldId)
if(val==“”| |(len&&val.length0){
window.console&&console.log(“存在错误”);
$(“.error messages”).html(errormessage.join(“
”).fadeIn();
返回false;
}
window.console&&console.log(“成功”);
返回true;
});
});
您应该为“email”和“emailnogmaals”字段提供一个ID。假设我们给他们ID的电子邮件和电子邮件地址:
function isValid(fldId,len) {
var fld = $("#"+fldId);
var val = fld.val();
window.console && console.log(fld,fldId)
if (val == "" || (len && val.length<len)) {
fld.css("borderColor","red");
return false;
}
fld.css("borderColor","black");
return true;
}
$(function() {
$("form").on("submit",function() {
var errormessage = [];
if (!isValid('name')) {
errormessage.push("error name");
}
if (!isValid('email')) {
errormessage.push("error email");
}
if (!isValid('emailnogmaals')) {
errormessage.push("error email again");
}
//-------------------------Check for equal mail
if ($('#email').Text() != $('#emailnogmaals').Text())
{
errormessage.push("emails are not equal");
}
//-------------------------Check for equal mail
if (errormessage.length>0) {
window.console && console.log("error present");
$(".error-messages").html(errormessage.join('<br/>')).fadeIn();
return false;
}
window.console && console.log("success");
return true;
});
});
函数有效(fldId,len){
变量fld=$(“#”+fldId);
var val=fld.val();
window.console&&console.log(fld,fldId)
if(val==“”| |(len&&val.length0){
window.console&&console.log(“存在错误”);
$(“.error messages”).html(errormessage.join(“
”).fadeIn();
返回false;
}
window.console&&console.log(“成功”);
返回true;
});
});
您应该为“email”和“emailnogmaals”字段提供一个ID。假设我们给他们ID的电子邮件和电子邮件地址:
function isValid(fldId,len) {
var fld = $("#"+fldId);
var val = fld.val();
window.console && console.log(fld,fldId)
if (val == "" || (len && val.length<len)) {
fld.css("borderColor","red");
return false;
}
fld.css("borderColor","black");
return true;
}
$(function() {
$("form").on("submit",function() {
var errormessage = [];
if (!isValid('name')) {
errormessage.push("error name");
}
if (!isValid('email')) {
errormessage.push("error email");
}
if (!isValid('emailnogmaals')) {
errormessage.push("error email again");
}
//-------------------------Check for equal mail
if ($('#email').Text() != $('#emailnogmaals').Text())
{
errormessage.push("emails are not equal");
}
//-------------------------Check for equal mail
if (errormessage.length>0) {
window.console && console.log("error present");
$(".error-messages").html(errormessage.join('<br/>')).fadeIn();
return false;
}
window.console && console.log("success");
return true;
});
});
函数有效(fldId,len){
变量fld=$(“#”+fldId);
var val=fld.val();
window.console&&console.log(fld,fldId)
if(val==“”| |(len&&val.length0){
window.console&&console.log(“存在错误”);
$(“.error messages”).html(errormessage.join(“
”).fadeIn();
返回false;
}
window.console&&console.log(“成功”);
返回true;
});
});
您应该为“email”和“emailnogmaals”字段提供一个ID。假设我们给他们ID的电子邮件和电子邮件地址:
function isValid(fldId,len) {
var fld = $("#"+fldId);
var val = fld.val();
window.console && console.log(fld,fldId)
if (val == "" || (len && val.length<len)) {
fld.css("borderColor","red");
return false;
}
fld.css("borderColor","black");
return true;
}
$(function() {
$("form").on("submit",function() {
var errormessage = [];
if (!isValid('name')) {
errormessage.push("error name");
}
if (!isValid('email')) {
errormessage.push("error email");
}
if (!isValid('emailnogmaals')) {
errormessage.push("error email again");
}
//-------------------------Check for equal mail
if ($('#email').Text() != $('#emailnogmaals').Text())
{
errormessage.push("emails are not equal");
}
//-------------------------Check for equal mail
if (errormessage.length>0) {
window.console && console.log("error present");
$(".error-messages").html(errormessage.join('<br/>')).fadeIn();
return false;
}
window.console && console.log("success");
return true;
});
});
函数有效(fldId,len){
变量fld=$(“#”+fldId);
var val=fld.val();
window.console&&console.log(fld,fldId)
if(val==“”| |(len&&val.length0){
window.console&&console.log(“存在错误”);
$(“.error messages”).html(errormessage.join(“
”).fadeIn();
返回false;
}
window.console&&console.log(“成功”);
返回true;
});
});
编写javascript表单验证似乎总是很乏味,对我来说总是有一种似曾相识的感觉,我的意思是,这是javascript真正用于的第一件事情之一,所以我总是觉得自己在重新发明轮子。当你从头开始写的时候,似乎需要几次迭代才能把它写得恰到好处
关于轮子(即它的发明),我觉得它是用jQuery验证插件()定义的。它是一个相当成熟的插件(已经存在了大约8年左右),并且工作得非常好。
验证包括但不限于:
必填项、最小值、最大值、范围、电子邮件、号码、日期、信用卡和等额(比较字段)。您还可以添加自己的验证规则
您确实需要花一点时间来了解它(即它是如何工作的,尤其是它使用的属性和它给出的验证错误的类名),但一旦您了解了,您就可以轻松地反复使用它,如果您愿意,每次使用它时都要更改样式编写javascript表单验证似乎总是很乏味,对我来说,总是有一种似曾相识的感觉,我的意思是,这是javascript真正用于的第一件事情之一,所以我总是觉得自己在重新发明轮子。当你从头开始写的时候,似乎需要几次迭代才能把它写得恰到好处 关于轮子(即它的发明),我觉得它是用jQuery验证插件()定义的。它是一个相当成熟的插件(已经存在了大约8年左右),并且工作得非常好。 验证包括但不限于: 必填项、最小值、最大值、范围、电子邮件、号码、日期、信用卡和等额(比较字段)。您还可以添加自己的验证规则
您确实需要花一点时间来了解它(即它是如何工作的,尤其是它使用的属性和它给出的验证错误的类名),但一旦您了解了,您就可以轻松地反复使用它,如果您愿意,每次使用它时都要更改样式编写javascript表单验证似乎总是很乏味,对我来说,总是有一种似曾相识的感觉,我的意思是,这是javascript真正用于的第一件事情之一,所以我总是觉得自己在重新发明轮子。当你从头开始写的时候,似乎需要几次迭代才能把它写得恰到好处 关于轮子(即它的发明),我觉得它是用jQuery验证插件()定义的。它是一个相当成熟的插件(已经存在了大约8年左右),并且工作得非常好。 验证包括但不限于: 必填项、最小值、最大值、范围、电子邮件、号码、日期、信用卡和等额(比较字段)。您还可以添加自己的验证规则
您确实需要花一点时间来了解它(即它是如何工作的,尤其是它使用的属性和它给出的验证错误的类名),但一旦您了解了,您就可以轻松地反复使用它,如果您愿意,每次使用它时都要更改样式编写javascript表单验证似乎总是很乏味,对我来说,总是有一种似曾相识的感觉,我的意思是,这是javascript真正用于的第一件事情之一,所以我总是觉得自己在重新发明轮子。当你从头开始写的时候,似乎需要几次迭代才能把它写得恰到好处 关于whe