Javascript 表单验证检查两个字段是否相等

Javascript 表单验证检查两个字段是否相等,javascript,validation,Javascript,Validation,我有一个javascript验证脚本,用于检查字段是否包含内容,我有一个验证脚本,用于检查两个电子邮件字段是否具有相同的输入,但我希望将这两个脚本组合成一个脚本,这样我只需推送一个带有错误消息的div 第一部分(检查字段是否有任何输入的人) 是否可以将两者结合起来?您应该为“email”和“emailnogmaals”字段提供一个ID。 假设我们给他们ID的电子邮件和电子邮件地址: function isValid(fldId,len) { var fld = $("#"+fld

我有一个javascript验证脚本,用于检查字段是否包含内容,我有一个验证脚本,用于检查两个电子邮件字段是否具有相同的输入,但我希望将这两个脚本组合成一个脚本,这样我只需推送一个带有错误消息的div

第一部分(检查字段是否有任何输入的人)


是否可以将两者结合起来?

您应该为“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