Je veux vérifier la valeur des champs de deux formes

Question

J'ai une application, dans l'application il existe deux formes qui sont sur les informations de contact, chaque forme dans un onglet différent; les utilisateurs doivent remplir. Ce que je veux faire est de vérifier si la valeur des premières valeurs de formulaire est égale à la seconde forme. Ce qui suit est ce que j'ai fait? que pensez-vous de cette façon est efficace? si ce n'est pas le cas ou si vous avez un meilleur moyen, s'il vous plaît partager avec moi?

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

Cela rend plus facile pour vous d'ajouter des champs.

Et je pense que la collecte de ces données peut également être faite avec une boucle.

Answer 2

Vous pouvez utiliser le plugin de validation de formulaire Jquery. C'est simple à utiliser et offre beaucoup de méthodes de validation. Vous pouvez également coder vos méthodes personnalisées

https://jqueryvalidation.org/

Answer 3

Depuis que vous utilisez jquery, vous pouvez utiliser la méthode de .submit $(). Cela vous permet d'exécuter des fonctions supplémentaires avant que le formulaire ne soit soumis. vous pouvez simplement:

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

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