私は2つのフォームのフィールドの値を確認したい

Question

私はそこにアプリケーションでは、連絡先情報に関する2つのフォームは、それぞれのタブ内の各フォーム;ユーザーは記入する必要があります。私がしたいことは、最初のフォーム値の値が2番目のフォームと等しいかどうかをチェックすることです。私は何をしたのですか？ あなたはこの方法についてどう思いますか効率的ですか？そうでない場合や、より良い方法がある場合は、私と共有してください？

// 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フォーム検証プラグインを使用できます。使い方が簡単で、多くの検証方法が用意されています。また、あなたは$の.submit（）メソッドを使用することができますjqueryのを使用して、あなたのしているので

https://jqueryvalidation.org/

Answer 3

カスタムメソッドをコーディングすることができます。これにより、フォームが送信される前に追加の機能を実行できます。

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

    if (val1 === val2) { 
     return; 
    } else { 
     e.preventDefault(); 
    } 
});