【问题标题】:I want to check the value of fields of two forms我想检查两种形式的字段的值
【发布时间】:2017-10-17 05:15:53
【问题描述】:

我有一个应用程序,在应用程序中有两个关于联系信息的表格,每个表格在不同的选项卡中;用户需要填写。我想要做的是检查第一种形式的值是否等于第二种形式。以下是我所做的。

你觉得这种方式效率如何?如果没有或者有更好的方法,请分享给我。

 // form 1
    var fName = $("#FirstName").val();
    var lName = $("#LastName").val();
    var street = $("#Street").val();
    var city = $("#City").val();
    var cellPhone = $("#cellPhone").val();
    var email = $('#Email').val();


    // form2 of the main contact
    var fName2 = $("#FirstName2").val();
    var lName2 = $("#LastName2").val();
    var street2 = $("#Street2").val();
    var city2 = $("#City2").val();
    var cellPhone2 = $("#cellPhone2").val();
    var email2 = $('#Email2').val();

    //actually i have along "if"
    if(fName==fName2 && lName == lName2 && street==street2 && city==city2 && cellPhone==cellPhone2 && email==email2){

    }
    else {

    }

【问题讨论】:

  • 您要检查所有相同的值还是单个值?
  • 所有值 ....

标签: javascript jquery forms validation


【解决方案1】:
var form1 = {
    firstName: $("#FirstName").val(),
    lastName: $("#LastName").val(),
    street: $("#Street").val(),
    city: $("#City").val(),
    cellPhone: $("#cellPhone").val(),
    email: $('#Email').val()
}
var form2 = {
    firstName: $("#FirstName2").val(),
    lastName: $("#LastName2").val(),
    street: $("#Street2").val(),
    city: $("#City2").val(),
    cellPhone: $("#cellPhone2").val(),
    email: $('#Email2').val()
}
for (var k in form1) {
    if (form1[k] === form2[k]) return false
}
// your code

这样做可以让您更轻松地添加字段。

而且我认为收集这些数据也可以通过循环来完成。

【讨论】:

    【解决方案2】:

    您可以使用 Jquery 表单验证插件。它使用简单,并提供了许多验证方法。您还可以编写自定义方法

    https://jqueryvalidation.org/

    【讨论】:

      【解决方案3】:

      由于您使用的是 jquery,您可以使用 $.submit() 方法。这允许您在提交表单之前运行其他功能。你可以简单地:

      $('#someForm1').submit(function (e) {
          var val1 = $(this).find('.inputval1').val();
          var val2 = $('#someForm2').find('.inputval1').val();
      
          if (val1 === val2) {
              return;
          } else {
              e.preventDefault();
          }
      });
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-09-06
        • 1970-01-01
        相关资源
        最近更新 更多