根据条件

时间:2019-05-28 21:57:41

标签: javascript jquery

我有三种形式,我希望它们执行不同的操作,主体形式将检查输入的数字是否已在数据库中。现在,如果该用户存在,则需要转到另一个页面并输入信息,并且该方法有效,但是我希望主体表单决定要采取的操作。 -如果尚不存在,它将把用户转到另一种形式(有效) -我的问题是要根据信息是否已经存在来使同一表单的行为有所不同。

我已经尝试过使用jQuery改变条件,就像这样:

$('#phoneNumberStart').attr('action', '/sign-in')
$('#phoneNumberStart').action = '/sign-in';

但是这些似乎不起作用。

这是主要形式

<form id="phoneNumberStart" action="/phone-number-save" method="post">
    <input class="phoneNumber phone" type="text" name="phone" id="phone" onchange="verifyPhone()" placeholder="Ex. (123) 456-7897" required />
    <input type="hidden" id="noshow" name="noshow", value=" ">
    <button class="submit-phone buttonIntro" type="submit" id="signup-with-phone"><i class="fas fa-caret-right"></i></button>
</form>

如果用户已经在数据库中,则使用表格

<form class="register-form" id="phoneNumberStart signin-form" action="/sign-in" method="post">
    <input class="phoneNumber phone" type="text" name="phone" id="phone" onchange="verifyPhone()" placeholder="Ex. (123) 456-7897" required />
    <input type="hidden" id="noshow" name="noshow", value=" ">
    <button class="submit-phone buttonIntro" type="submit" id="signup-with-phone"><i class="fas fa-caret-right"></i></button>

      <a class="go-back">← Go Back</a>
</form>

JS的主要形式

$('#phoneNumberStart').submit(function(e){
    e.preventDefault();

    let phone2 = $('#phone').val();

     $.ajax({
     type: "POST",
     url: "/phone-number-save",
     data: {
       phone2: phone2
           },
       success: function(res){
         if(res['customerID']!= 'existed'){
            //THIS WRAPPER CONTAINS THE OTHER FORM IF THE USER DOENST ALREADY EXISTS
            $('#signup-wrapper').show()
         }else{
            jQuery('#login-button')[0].click()
            //$('#phoneNumberStart').attr('action', '/sign-in')
            //$('#phoneNumberStart').action = '/sign-in';
             }  
         }
    })
})

我想实现的只是在数据已经存在的情况下更改操作的形式

0 个答案:

没有答案