Question

如果有人在输入字段中输入空格，阻止ajax调用的正确方法是什么？

我要执行的代码看起来像这样（显然这是行不通的）

var data = ["z", "b", "d", "a"];
data.sort();
console.log('Ascending order aZ ',data)
data.reverse();
console.log('Descending order zA',data);

output
Ascending order ["a", "b", "d", "z"]
Descending order["z", "d", "b", "a"]

Answer 1

由于您已经在使用jQuery，因此可以在下面的代码中查找类似的代码，在检查长度之前，我已经添加了jQuery.trim的使用

$(document).ready(function() {
   $(document).on('click', '#insert_btn', function () {

    // Utilizing https://api.jquery.com/jQuery.trim/
    var first_name = $.trim($("#first_name").val());

    if (first_name.length > 0) {

      $.ajax({
        type: 'POST',
        url: 'add.php',
        datatype: "json",
        data: {
          first_name: $("#first_name").val(),
          last_name: $("#last_name").val(),
          position: $("#position").val(),
          date: $("#date").val(),
          updated: $("#updated").val(),
        },
        success: function (result) {
          if (result == ADD_OK) {
            alert('OK')

          } else {
            alert('wrong');
          }
        }
      })
    }
  });
});

jQuery Trim：

jQuery.trim(' ') // returns ""
jQuery.trim('     ') // returns ""
jQuery.trim(' this is my search text      ') // returns "this is my search text"

如果输入为空，则阻止ajax调用

1 个答案:

jQuery Trim：