Question

我有一个表单名称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>

CONTROLLER

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;
}

Answer 1

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

codeigniter：表单验证jquery

1 个答案: