Question

我有一个应用程序，在应用程序中有两个关于联系信息的表单，每个表单在不同的选项卡中;用户需要填写。我想要做的是检查第一个表单值的值是否等于第二个表单。以下是我的所作所为？你怎么看待这种方式是有效的？如果没有或有更好的方法，请与我分享？

 // 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 {

    }

Answer 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

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

我认为收集这些数据也可以循环完成。

Answer 2

您可以使用Jquery表单验证插件。它易于使用，并提供了许多验证方法。您也可以编写自定义方法

https://jqueryvalidation.org/

Answer 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();
    }
});

我想检查两种表格

3 个答案: