Проверка правил jQuery с помощью запроса ajax - PullRequest
Новая
       39

Проверка правил jQuery с помощью запроса ajax

0 голосов
/ 09 октября 2018

Этот вопрос уже задавался, но он не работает.

Я хочу использовать jQuery проверку правил с сообщением show Zone Name Already Exist...! с использованием Ajax.Я пытался submitHandler, но это не работает.

Это мой код 

$(document).ready(function() {
$('#submitBtn').click(function() {
    $("#zoneForm").validate({
        rules: {
            'zoneName': {
                minlength: 4,
                maxlength: 15
            }
        },
        validClass: "success",
        highlight: function(element) {
            $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
        },
        success: function(element) {
            $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
        },
        submitHandler: function(e) {
            var zoneVal = $('#zoneName').val();
            console.log(zoneVal);
            e.preventDefault();
            if (zoneVal) {
                $.ajax({
                    url: '<?php echo base_url();?>zone/zoneCheck',
                    type: "POST",
                    dataType: "json",
                    data: {
                        zoneName: zoneVal
                    },
                    success: function(data) {
                        console.log(data);
                        alert(data);
                        if (data == 1) {
                            alert('Zone Name Already Exist.');
                        } else if (data == 0) {
                            $("#zoneForm").submit();
                        }
                    }
                });
            }
        },
    });
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<script src=""></script>
<form id="zoneForm" name="zoneForm" method="POST" action="<?php echo site_url('zone/editzone');?>">
	<label>Zone Name <span class="required-label">*</span></label>
  <input type="text" class="form-control zoneEditName" id="zoneEditName" name="zoneName" placeholder="Enter Zone Name" required />
  <input class="btn btn-success zoneSubmit" type="submit" id="submitBtn" name="submit" value="Submit" >
</form>

1 Ответ

0 голосов
/ 09 октября 2018

Используйте удаленную функцию в вашем jquery, это может помочь вам проверить isExists

см. Пример ниже 

$( "#myform" ).validate({
  rules: {
    email: {
      required: true,
      email: true,
      remote: {
        url: "check-email.php",
        type: "post",
        data: {
          username: function() {
            return $( "#username" ).val();
          }
        }
      }
    }
  }
});

или вы можете сослаться на https://jqueryvalidation.org/remote-method/

...