Submitting a form using JavaScript with Ajax serialization

Solution 1: To avoid the Uncaught TypeError: form.attr is not a function, utilize the following method. Additionally, for serializing form data, use this approach.
Solution 2: Anywhere in your code, you can invoke $( “form” ).serialize() to serialize values and obtain a string. However, ensure that every input element has a name attribute attached to it. Also, disabling a fieldset will disable all form controls within it.
Solution 2: Instead of using form as the selector, you can achieve the same result by using the :not(:hidden) selector. Therefore, remove the previous approach and replace it with the suggested one to obtain only the displayed input results.
Solution 3: Manually select the desired fields.


Solution 1:

To prevent the occurrence of Uncaught TypeError: form.attr is not a function, it is recommended that you utilize an alternative approach.

$(form).attr('action')

And for serialize form data use

$(form).serialize()


Solution 2:


The serialization of values into a string can be achieved by invoking $( “form” ).serialize() at any location, as long as each input element is equipped with a name attribute.

HTML

Name
Surname
DOB

JS

$("#serForm").on('click',function(){
  var serializeVal = $( "form" ).serialize();
  $("#sitVal").text(serializeVal);
})

WORKING MODEL

Please note that the provided information is for demonstration purposes only and can be modified as needed.

Frequently Asked Questions