javascript - 如果字段不为空,则允许 AJAX Post on.click 吗?

标签 javascript jquery ajax if-statement

有很多帖子可以防止提交时的默认情况,但是这个 .click 已经以防止默认情况开始,以便在 ajax 帖子之前对数据执行算法。

始终需要一个字段,这似乎有意义,但尚未起作用:

$(document).ready(function(){

  $('#formBtn').click(function(e) {

    e.preventDefault();

    // some algorithms

    var title = $( "#newTitle" ).val();

    if title.value.length != 0 {
      console.log('there is a title');
      // make an ajax call
      $.ajax({
        dataType: 'json',
        data: AjaxPostData,
        type: 'post',
            url:"http://localhost:4200/api/v1/stories",
            success: successFunction,
            error: errorFunction
        });
    };

  });

}); // doc is ready

HTML 看起来像这样:

<div class="newTitle">
  <input type="text" class="formFormat" id="newTitle" placeholder="Title Goes Here" />
</div>

<button type="submit" class="btn" id="formBtn">Enter</button>

最佳答案

假设您定义了名为 successFunctionerrorFunction 的函数,那么您应该只需要修复此行:

if title.value.length != 0 {

通过添加括号并删除 .value (也许使用 !==):

if (title.length !== 0) {

这应该会使代码发挥作用,但是注释中提出的建议也值得追求。

关于javascript - 如果字段不为空,则允许 AJAX Post on.click 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23815184/

相关文章:

javascript - 如何找出是什么 JavaScript 函数触发了 HTML 更改?

javascript - Angular js 无法从 Node js 获取 json 响应

javascript - 加载图像,缩放,然后重叠 - 标记图像

javascript - 为什么浏览器仍然允许 Javascript 查看 cookie?

javascript - 如何从html页面重定向?

jquery - 按内容查找 html 元素并使用 jQuery 隐藏

jquery - CSS 选择器将不包含在 div 中的输入与特定类相匹配?

javascript - 如何使用 multiselect() 而不删除现有值并根据另一个选择添加新值

php - 使用复选框更新数据库

javascript - 使用 AJAX 在 HTML 中调用 Perl 函数