重定向到另一个内部url JQuery的表单身份验证
重定向到另一个内部url JQuery的表单身份验证
提问于 2021-04-20 18:38:37
我有这个代码，我需要验证身份验证，并在单击名为"go there“的按钮时将表单重定向到另一个内部URL。在我的代码中，我需要提交部分。我能找人帮忙吗？
jQuery(document).ready(function(e) {
$('#btn-login').click(function(){
var errorCount = 0;
$('#login-wrap input').each(function(){
if($(this).val() === '') {
var errorMsg = 'Please fill '+ $(this).prev('label').text();
$(this).next('.errorMessage').text(errorMsg);
errorCount += 1;
}
});
if (errorCount === 0) {
$('#myModal').modal('show');
}
return false;
});
// Open new tab on click
$('#btn-gothere').click(function(){
$('#myModal').modal('hide');
window.open($(this).data('url'));
});
});
回答 1
Stack Overflow用户
发布于 2021-04-20 19:04:31
您可以在<form>上设置一个侦听器来查找提交事件。
如果它被触发，则阻止它提交，验证您的输入，如果输入有效，则手动提交此表单。
当然，您不必在<form>上查看表单提交事件。您仍然可以使用click事件，但必须为submit方法提供form。
// listen on form submit
$('#form').on('submit', event => {
// prevent form from submitting
event.preventDefault();
// save target to variable (target is our form)
const form = event.target;
// check if form is valid
if(isFormValid()) {
// if form is valid then submit it and user will be moved to location provided in "action" parameter with all data from this form
form.submit();
}
});
// yes it is
const isFormValid = () => true;<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="form" action="/some/url" method="POST">
<button type="submit">Submit</button>
</form>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67177264
复制相关文章
相似问题
腾讯云开发者
