我有三种形式,我希望它们执行不同的操作,主体形式将检查输入的数字是否已在数据库中。现在,如果该用户存在,则需要转到另一个页面并输入信息,并且该方法有效,但是我希望主体表单决定要采取的操作。 -如果尚不存在,它将把用户转到另一种形式(有效) -我的问题是要根据信息是否已经存在来使同一表单的行为有所不同。
我已经尝试过使用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';
}
}
})
})
我想实现的只是在数据已经存在的情况下更改操作的形式