Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果输入为空,则阻止ajax调用_Javascript_Jquery_Ajax - Fatal编程技术网

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

Javascript 如果输入为空,则阻止ajax调用,javascript,jquery,ajax,Javascript,Jquery,Ajax,如果有人想在输入字段中输入空格,那么防止ajax调用的正确方法是什么 我尝试执行的代码看起来是这样的(显然这不起作用) $(文档).ready(函数(){ $(文档)。在('单击','插入',函数()上){ if($(“#first_name”).val().length>0){ $.ajax({ 键入:“POST”, url:'add.php', 数据类型:“json”, 数据:{ 名字:$(“#名字”).val(), 姓氏:$(“#姓氏”).val(), 位置:$(“#位置”).val()

如果有人想在输入字段中输入空格,那么防止ajax调用的正确方法是什么

我尝试执行的代码看起来是这样的(显然这不起作用)

$(文档).ready(函数(){
$(文档)。在('单击','插入',函数()上){
if($(“#first_name”).val().length>0){
$.ajax({
键入:“POST”,
url:'add.php',
数据类型:“json”,
数据:{
名字:$(“#名字”).val(),
姓氏:$(“#姓氏”).val(),
位置:$(“#位置”).val(),
日期:$(“#日期”).val(),
更新:$(“#更新”).val(),
},
成功:功能(结果){
如果(结果==添加确定){
警报(“正常”)
}否则{
警惕(“错误”);
}
}
})
});

})既然您已经在使用jQuery,那么您可以使用下面的代码,在检查长度之前,我在其中添加了的用法

$(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修剪:
因为您已经在使用jQuery,所以可以使用下面的代码,在检查长度之前,我在其中添加了的用法

$(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修剪:
修剪值后,您可以验证
#first_name
,或者使用正则表达式测试这是否是您期望的输入,然后继续使用ajax。使用
$(“#first_name”).val()怎么样
而不是检查长度是的,我本来也有类似的问题。@AnandGhaywankar问题是检查空格而不是空白字符串……修剪值后,您可以验证
#first_name
,或者使用正则表达式测试这是否是您期望的输入,然后继续使用ajax。使用
$(“#名字”).val()!=”"
不是检查长度是的,我本来有类似的问题。@AnandGhaywankar问题是检查空格而不是空白字符串…@AnandGhaywankar,因为如果有人输入空格,这不起作用。你读过他的问题吗?@AnandGhaywankar问题是要排除直接输入blan的呼叫k空格例如:
不是“什么都没有”。我复制了代码,我的“插入”按钮现在似乎不起作用。根据我的控制台,我认为可能有语法错误,靠近末尾});});似乎是在end@AnandGhaywankar因为如果有人输入空格,这是行不通的。你读过他的问题吗?@AnandGhaywankar问题是要排除直接进入空白的呼叫,例如:
而不是“什么都没有”。我复制了代码,我的插入按钮现在似乎不起作用。根据我的控制台,我认为可能有语法错误,靠近末尾});});似乎在结尾缺少了一个}->未捕获的语法错误:缺少)