2017-10-17 102 views
0

我有一个应用程序,在应用程序中有两种形式,它们是关于联系信息的,每种形式在不同的标签中;用户需要填写。我想要做的是检查第一个表单值的值是否等于第二个表单。下面是我做的? 你认为这种方式有效吗?如果没有或有更好的方法,请与我分享?我想检查两种形式的字段的值

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

    } 
+0

你想检查所有值相同或单个值? –

+0

所有值.... –

回答

0
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 

这样做更容易让你添加字段。

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

0

您可以使用Jquery表单验证插件。它使用简单,并提供了很多验证方法。由于您正在使用jQuery你可以使用$ .submit()方法,你也可以把你的自定义方法

https://jqueryvalidation.org/

0

。这允许您在提交表单之前运行其他功能。你可以简单地:

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

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