javascript - 在 CodeIgniter 中使用 Bootstrap 提交 jQuery 表单

Question

我正在使用 Bootstrap 进行表单 CSS 和验证。该表单是 Bootstrap 模式的一部分。当用户单击提交并输入错误的验证时，表单会提交并且 Bootstrap 也会显示错误。

如何在通过 ajax 传递表单值之前应用 Bootstrap 验证？

这是我的相关代码:

JavaScript:

function feedbacksubmit() {
    var formvalues = {
            email : $('#feedbackemail').val(),
            message  : $('#feedbackmessage').val(),
        };
    $.ajax({
        type: "POST",
        url:  "<?php echo base_url();?>feedback/add",
        data: { values: formvalues },
        success: function(response) {
            alert('Thanks for your feedback!');
        },
        error: function(error) {
            alert("Error");
        }
    });
}
$(".feedbacksubmit").click(feedbacksubmit);

反馈模式:

<div class="modal-body">
    <form method="post">
        <div class="form-group">
            <label class="control-label" for="feedbackemail">Email:</label>
            <div class="input-group">
                <span class="input-group-addon">@</span>
                <input class="form-control" placeholder="your email address" name="feedbackemail" id="feedbackemail" type="email" />
            </div>
        </div>
        <div class="form-group">
            <label class="control-label" for="feedbackmessage">Message</label>
            <div class="input-group">
                <textarea class="form-control" name="feedbackmessage" id="feedbackmessage" rows="8" cols="52" placeholder="The message you want to send to us."></textarea>
            </div>
        </div>
        <button type="submit" class="btn btn-primary feedbacksubmit">Submit</button>
    </form>
</div>

Answer 1

<form method="post" onsubmit="feedbacksubmit();">

这应该可以解决问题

并删除

$(".feedbacksubmit").click(feedbacksubmit);