javascript - 如果验证错误，则不允许提交 ajax url

Question

我的表单中有 2 个文本框。如果任何验证为 false，我不想允许 ajax url 提交。我怎样才能实现这一点。我对 jquery 不太了解。请帮忙。

<div class="coupon" style="display:none;">                              
    <input type="text" class="coupon-name" name="fullname"  id="fullname">
    <span class="name-error"></span>
    <input type="text" class="coupon-email" name="email" id="email">
    <span class="email-error"></span>
    <button type="submit" value="status_add" name="status_add" id="add-status"    onclick="checkStatus()">Apply</button>
</div>  

<script type="text/javascript">
function checkStatus(){
        var fullname = $(".coupon-name").val();
        var email = $(".coupon-email").val();

        if(fullname == ''){
            $('input[name="fullname"]').next('span').text('Please Enter Your Name');
        }
        if(email == ''){
            $('input[name="email"]').next('span').text('Please Enter a Email Id');
        }                               

        $.ajax(
        {
            url     : "<?php echo base_url('myaccount/validate/'); ?>",
            type    : "POST",
            data    : {fullname: fullname,email:email} ,

Answer 1

没有花太多时间在你的代码上，不知道是否还有其他错误，但是你应该将ajax部分放在“else”条件下，否则每次都会完成，独立于两个 if 条件的结果。