Javascript 将if-else添加到函数后,未定义单击按钮函数

Javascript 将if-else添加到函数后,未定义单击按钮函数,javascript,jquery,ajax,codeigniter,Javascript,Jquery,Ajax,Codeigniter,对不起,先生/女士 我正在制作一个表单,使用ajax和codeigniter将数据提交到数据库 它可以很好地插入数据,但它没有验证字段是否为空,因此我尝试将if-else验证添加到函数中。但是在我添加了if-else之后,我所有的onclick按钮都出现了一个错误,说“x”没有定义 这是按钮的代码 提交 取消 下面是使用ajax插入数据的代码 <script> function on_save(){ $.ajax({ type: "Post"

对不起,先生/女士 我正在制作一个表单,使用ajax和codeigniter将数据提交到数据库 它可以很好地插入数据,但它没有验证字段是否为空,因此我尝试将if-else验证添加到函数中。但是在我添加了if-else之后,我所有的onclick按钮都出现了一个错误,说“x”没有定义

这是按钮的代码

提交
取消
下面是使用ajax插入数据的代码

<script>
function on_save(){
        $.ajax({
            type: "Post",
            url: '/bttdev3/tour/save',
            data: {
                    nama            : $("#nama").val(),
                    telpon          : $("#telpon").val(),
                    email           : $("#email").val(),
                    alamat          : $("#alamat").val(),
                    actions         : $actions
                },
        if (document.getElementById('nama').value == "") {
            alert ("Cek nama anda.");
            return false;
        } else
            success: function (reponse) {
                alert("Terima kasih telah mendaftar.");
                on_back();
            },
        });
    }

    function on_back(){
        var url = '/bttdev3/tour';
        window.open(url, "_self");
    }
</script>

_save()上的函数{
$.ajax({
类型:“Post”,
url:“/bttdev3/tour/save”,
数据:{
nama:$(“#nama”).val(),
telpon:$(“#telpon”).val(),
电子邮件:$(“#电子邮件”).val(),
阿拉马特:$(“#阿拉马特”).val(),
行动:$行动
},
if(document.getElementById('nama')。value==“”){
警报(“Cek nama anda”);
返回false;
}否则
成功:功能(响应){
警报(“Terima kasih telah mendaftar”);
在后面();
},
});
}
函数on_back(){
var url='/bttdev3/tour';
打开(url“_self”);
}

检查内部验证按钮单击,如果通过验证,则调用AJAX函数

$("#submit_btn").on("click", function(event) {
  if (document.getElementById('nama').value == "") {
    alert("Cek nama anda.");
    event.preventDefault();
    //return false;
  } else {
    on_save();
  }
});
以及您的
on_save()
函数:

function on_save() {
  $.ajax({
    type: "Post",
    url: '/bttdev3/tour/save',
    data: {
      nama: $("#nama").val(),
      telpon: $("#telpon").val(),
      email: $("#email").val(),
      alamat: $("#alamat").val(),
      actions: $actions
    },
    success: function(reponse) {
      alert("Terima kasih telah mendaftar.");
      on_back();
    }
  });
}

function on_back() {
  var url = '/bttdev3/tour';
  window.open(url, "_self");
}

您应该在
$.ajax
之前进行验证。现在,您的逻辑位于一个语法不正确的对象中间。我是ajax新手,请原谅我的错误,因此我需要为if-else验证声明新函数?它应该看起来更像这样:它可以工作!非常感谢。如何信任你?因此,我无法使用if-else函数验证数据?我尝试过这种方法,它会显示警报,但它仍会保存数据,并提醒我需要将成功输入放在特定位置?
event.preventDefault()。请参阅更新的答案。无需在按钮上单击
onclick=“on_save(0)”
。谢谢,它可以工作!我对它做了一些修改,为其他字段添加了else if函数