codeigniter：表单验证 jquery答案

【问题标题】：codeigniter : form validation jquerycodeigniter：表单验证 jquery
【发布时间】：2016-04-20 04:39:39
【问题描述】：

我有一个表单名称nama kategori，然后当有人输入已经存在的nama kategori时，我希望按钮变得不可点击，就像点击按钮时它不会做任何事情一样，问题是我设法得到error message 输入现有的nama kategori 时，但当我点击按钮时它仍然发送数据并输入数据，更多信息请看下面的图片

成功显示错误信息

然后我点击按钮“Tambah”

它仍在将数据添加到表格中，我想防止这种情况发生，我希望当按钮单击时它不会做任何事情下面是我的代码

JQUERY

$(document).ready(function(){
    var check1=0;
    $("#kategori").bind("keyup change", function(){
    var nama = $(this).val();
    $.ajax({
        url:'cekData/kategori/nama_kategori/'+nama,
        data:{send:true},
        success:function(data){
            if(data==1){
                $("#report1").text("");
                check1=1;
            }else{
                $("#report1").text("*choose another kategori");
                check1=0;
                }
            }
        });
    });
});

查看

<div class="row">
    <div class="col s12 m8 l6 offset-m2 offset-l3" align="center">
       <form action="<?php echo site_url('kategori/insertKategori') ?>" method="post">
       <div class="input-field">
           <input id="kategori" name="kategori" type="text" maxlength="40" class="validate" required>
           <label for="kategori">nama kategori</label>&nbsp;<span class="error" id="report1"></span>
       </div>   
       <br/>
           <button type="submit" class="waves-effect waves-light btn blue darken-1">Tambah</button>
       </form>
       <br/>
    </div>
</div>

控制器

public function cekData($table, $field, $data){
    $match = $this->MKategori->read($table, array($field=>$data), null, null);
    if($match->num_rows() > 0){
        $report = 2;
    }else{
        $report = 1;
    }
    echo $report;
}

【问题讨论】：

标签： javascript php jquery codeigniter

【解决方案1】：

您需要对您的 jquery 代码进行以下更改：

$(document).ready(function(){
    var check1=0;
    $("#kategori").bind("keyup change", function(){
    var nama = $(this).val();
    $.ajax({
        url:'cekData/kategori/nama_kategori/'+nama,
        data:{send:true},
        success:function(data){
            if(data==1){
                $("#report1").text("");
                check1=1;
                $('button[type="submit"]').prop('disabled','');
            }else{
                $("#report1").text("*choose another kategori");
                check1=0;
                $('button[type="submit"]').prop('disabled',true);
                }
            }
        });
    });
});

【讨论】：