使用javascript和ajax将bootstrap按钮转换为链接

Question

我有一个自举按钮，我已嵌入到表单中。表单请求带有ajax的php文件。但我不能让按钮像链接一样工作吗？

用于引导按钮的html代码是：

<a id="btn-login" href="#" class="btn btn-success">Login</a>

和js是：

<script>
$(document).ready(function() {
    $('.myform').on('submit',function(){
         
        // Add text 'loading...' right after clicking on the submit button. 
        $('.output_message').text('Loading...'); 
         
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            method: form.attr('method'),
            data: form.serialize(),
            success: function(result){
                if (result == 'success'){
                    $('.output_message').text('Message Sent!');  
                } else {
                    $('.output_message').text('Error Sending email!');
                }
            }
        });
         
        // Prevents default submission of the form after clicking on the submit button. 
        return false;   
    });
});
</script>

Answer 1

所以我认为该链接应该发送表格是正确的吗？这不起作用，因为链接本身无法触发提交。您需要输入提交类型。

<input type="submit" class="btn btn-success" value="Login">