jQuery Ajax从表单发送数据不起作用

Question

我的脚本应阻止页面刷新或重定向，但是当我单击“提交”按钮时，它将重定向我。

来自JavaScript控制台的错误消息

未捕获的TypeError：$（...）。val（...）。len不是函数

myScript.js

$( document ).ready(function() {
    console.log( "Ready!" );
    //Submitting the form data
    $("#user-form").submit(function(e){
        if($('#fName').val().len() != "" && $('#lName').val().len() != "" && $('#nickname').val().len() != "") {
            $.ajax({
               type: "POST",
               url: "user-process.php",
               data: $("#user-form").serialize(),
               success: function(data){
                   $('#user-form')[0].reset();
                   console.log(data); // show response from the php script.
               }
             });
         }
         else {
             alert("Please fill the fields.")
         }
        e.preventDefault();
    });

    setInterval(function(){ $(`#table`).load('info.php #table'); }, 1000); //Loading table data without refreshing page.

});

Answer 1

尝试使用.length而不是.len（） https://api.jquery.com/length/

Answer 2

val()返回一个字符串。 字符串没有.len()函数。 另外，由于您正在将其与另一个字符串进行比较，因此不需要获取长度，只需使用以下命令即可：

    if($('#fName').val() != "" && $('#lName').val() != "" && $('#nickname').val() != "") {

如果要检查长度，可以使用.length来获取。 但是，您应该将其与0而不是与"" ：

    if($('#fName').val().length != 0 && $('#lName').val().length != 0 && $('#nickname').val().length != 0) {

像$('#fName').val().length != ""在技​​术上是可行的，因为JavaScript会为您将""转换为0 ，但这是一种不好的编码习惯，因为它使代码难以遵循。

Answer 3

要知道一个字符串是否为空，可以使用以下语句：

• $(selector).val() !== ''
• !$(selector).val().length
• $(selector).val().length === 0

（由于字符串长度永远不会为负，因此最后两个相等）

关于重定向事实，请查看stopPropagation和stopImmediatePropagation函数

https://api.jquery.com/event.stopimmediatepropagation/ https://api.jquery.com/event.stoppropagation/

Answer 4

“ len（）”不是javascript函数，您可以将代码修改为：

if( $('#fName').val() && $('#lName').val() && $('#nickname').val() )

并且会工作

Answer 5

在JavaScript中， String对象没有len()函数，而是具有length属性。

用法：

var myString = "Hello";
console.log(myString.length); // returns 5