Question

对不起，先生/女士我正在制作一个表单，使用ajax和codeigniter将数据提交到数据库它适合插入数据，但无法验证该字段是否为空，因此我尝试在函数中添加其他验证。但在即时通讯中添加了if if if all all onclick按钮后出现错误，提示未定义'x'

这是按钮的代码

<button type="button" id="submit_btn" class="btn btn-success waves-effect waves-light" onclick="on_save(0)">Submit</button>
<button type="button" id="batal_btn" class="btn btn-danger waves-effect waves-light" onclick="on_back()">cancel</button>

这是使用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>

Answer 1

在按钮中单击以检查您的验证，如果通过验证，则调用您的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");
}

如果添加其他功能，则单击按钮功能未定义

1 个答案: