Javascript 如果用户取消使用jQuery、AJAX、CodeIgniter更改值，如何验证MYSQL中是否存在名称和电子邮件，并检查编辑表单

当我尝试更改编辑表单上的值，然后决定取消更改时，我会收到一条警告消息，提示数据库中存在我以前的值

如何解决这个问题

初始状态：

然后我想更改名称（nama）值：

在单击“提交”（simpan）之前，我决定取消更改并将其设置为初始值（admin）：

然后，我收到一条警告消息，表明数据库中存在我的名称（nama）。这也适用于电子邮件

视图：

<div id="editModal" class="modal fade" role="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h3 class="modal-title"><span class="glyphicon glyphicon-plus"></span> Ubah Kasir</h3>
                </div>
                <div class="modal-body">
                    <form action="#" id="editform" method="post" enctype="multipart/form-data">
                        <div class="form-group">
                            <label>Nama</label>&nbsp;<span class="error" id="report3"></span>
                            <input type="text" id="editnama" name="nama" class="form-control" maxlength="100" required>
                        </div>
                        <div class="form-group">
                            <label>E-mail</label>&nbsp;<span class="error" id="report5"></span>
                            <input type="email" id="editemail" name="email" class="form-control" maxlength="150" required>
                        </div>
                        <div class="form-group">
                            <label>Kategori</label>
                            <select class="form-control" name="kategoripetugas" id="editkategori" required>
                                <option value=""> -- Pilih Kategori -- </option>
                                <option value="1">Admin</option>
                                <option value="2">Kasir</option>
                            </select>
                        </div>
                        <button type="submit" id="editsubmit" class="btn btn-primary" style="width:100%;">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

jQuery AJAX：

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

var check3=0;
var oldeditnama=$("#editnama").val(); 
$("#editnama").bind("keyup change", function(){
    var editnama = $(this).val();
    $.ajax({
        url:'kasir/cekData/petugas/nama/'+editnama,
        type: "POST",
        data:{send:true},
        success:function(data){
            if(data==1){
                $("#report3").text("");
                check3=1;
            }else{
                if (oldeditnama==editnama){
                    $("#report3").text("");
                    check3=1;
                }else{
                    $("#report3").text("*nama petugas sudah terpakai");
                    check3=0; 
                }
            }
        }
    }); return false;
});

var check2=0;
$("#email").bind("keyup change", function(){
    var email = $(this).val();
    $.ajax({
        url:'kasir/register_email_exists',
        type:"POST",
        data:{send:true, email:email},
        success:function(data){
            if(data==1){
                $("#report2").text("");
                check2=1;
            }else{
                $("#report2").text("*email sudah terpakai");
                check2=0;
            }
        }
    });
});

var check5=0; 
var oldeditemail=$("#editemail").val(); 
$("#editemail").bind("keyup change", function(){
    var editemail = $(this).val(); alert(oldeditemail);
    $.ajax({
        url:'kasir/register_email_exists',
        type:"POST",
        data:{send:true, email:email},
        success:function(data){ 
            if(data==1){
                $("#report5").text("");
                check5=1;
            }else{
                if (oldeditemail==editemail){
                    $("#report5").text("");
                    check5=1;
                }else{
                    $("#report5").text("*email sudah terpakai");
                    check5=0; 
                }
            }
        }
    }); return false; 
});

$(".edit").click(function(){
    id = $(this).attr('id');
    $.ajax({
        url:'kasir/getData/'+id,
        data:{send:true},
        success:function(data){
            $("#editnama").val(data['nama']);
            $("#editemail").val(data['email']);
            $("#editkategori").val(data['kategori']);   
        }
    });
});

var check4=0;
$("#confirmpassword").bind("keyup change", function(){
    var password = $("#password").val();
    var confirmpassword = $(this).val();

    if (password == confirmpassword){
        $("#report4").text("");
        check4=1;
    }else{
        $("#report4").text("*Password tidak sama");
        check4=0;
    }
});

$("#submit").click(function(event){
    if(check1==0){
        event.preventDefault();
    }
    if(check4==0){
        event.preventDefault();
    }
    if(check2==0){
        event.preventDefault();
    }
});

$("#editsubmit").click(function(event){
    if(check3==0){
        event.preventDefault();
    }
    if(check5==0){
        event.preventDefault();
    }
});

$("#editform").submit(function(e){
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        url:'kasir/updatePetugas/'+id,
        data:formData,
        type:'POST',
        contentType: false,
        processData: false,
        success:function(data){
            $("#editModal").hide();
            window.location.reload(true);
        }
    });

});
});

---

向我们展示kasir/cekData/petugas/nama控制器功能..参见此问题。。你会找到解决办法的。您可以在上面的控制器上看到kasir/cekData/petugas/nama。。。cekData是Kasir类上的函数，petugas是it表的名称，nama是字段的名称如何使用Kasir/cekData/petugas/nama控制器函数..参见此问题。。你会找到解决办法的。您可以在上面的控制器上看到kasir/cekData/petugas/nama。。。cekData是类Kasir上的函数，petugas是表名，nama是字段名

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

var check3=0;
var oldeditnama=$("#editnama").val(); 
$("#editnama").bind("keyup change", function(){
    var editnama = $(this).val();
    $.ajax({
        url:'kasir/cekData/petugas/nama/'+editnama,
        type: "POST",
        data:{send:true},
        success:function(data){
            if(data==1){
                $("#report3").text("");
                check3=1;
            }else{
                if (oldeditnama==editnama){
                    $("#report3").text("");
                    check3=1;
                }else{
                    $("#report3").text("*nama petugas sudah terpakai");
                    check3=0; 
                }
            }
        }
    }); return false;
});

var check2=0;
$("#email").bind("keyup change", function(){
    var email = $(this).val();
    $.ajax({
        url:'kasir/register_email_exists',
        type:"POST",
        data:{send:true, email:email},
        success:function(data){
            if(data==1){
                $("#report2").text("");
                check2=1;
            }else{
                $("#report2").text("*email sudah terpakai");
                check2=0;
            }
        }
    });
});

var check5=0; 
var oldeditemail=$("#editemail").val(); 
$("#editemail").bind("keyup change", function(){
    var editemail = $(this).val(); alert(oldeditemail);
    $.ajax({
        url:'kasir/register_email_exists',
        type:"POST",
        data:{send:true, email:email},
        success:function(data){ 
            if(data==1){
                $("#report5").text("");
                check5=1;
            }else{
                if (oldeditemail==editemail){
                    $("#report5").text("");
                    check5=1;
                }else{
                    $("#report5").text("*email sudah terpakai");
                    check5=0; 
                }
            }
        }
    }); return false; 
});

$(".edit").click(function(){
    id = $(this).attr('id');
    $.ajax({
        url:'kasir/getData/'+id,
        data:{send:true},
        success:function(data){
            $("#editnama").val(data['nama']);
            $("#editemail").val(data['email']);
            $("#editkategori").val(data['kategori']);   
        }
    });
});

var check4=0;
$("#confirmpassword").bind("keyup change", function(){
    var password = $("#password").val();
    var confirmpassword = $(this).val();

    if (password == confirmpassword){
        $("#report4").text("");
        check4=1;
    }else{
        $("#report4").text("*Password tidak sama");
        check4=0;
    }
});

$("#submit").click(function(event){
    if(check1==0){
        event.preventDefault();
    }
    if(check4==0){
        event.preventDefault();
    }
    if(check2==0){
        event.preventDefault();
    }
});

$("#editsubmit").click(function(event){
    if(check3==0){
        event.preventDefault();
    }
    if(check5==0){
        event.preventDefault();
    }
});

$("#editform").submit(function(e){
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        url:'kasir/updatePetugas/'+id,
        data:formData,
        type:'POST',
        contentType: false,
        processData: false,
        success:function(data){
            $("#editModal").hide();
            window.location.reload(true);
        }
    });

});
});