JavaScript: Only a single function call is successful

Question

JavaScript: Only a single function call is successful

Recently, I encountered an issue with my registration form. Everything was working smoothly until I attempted to add a new onblur() event to a different text field within the same form. Surprisingly, this caused the original ajax call to stop functioning, preventing the phone number field's onblur event from firing as well. As a novice web developer, this has been quite frustrating for me.

In my code, both functions (vldtnPhNo() and enabtnRegCmplt()) are written in the same file as the HTML code, enclosed within script tags. Strangely, when they are placed in separate script tags, only the first function (related to the phone number ajax call) works upon blur, while the second one fails to execute. The issue seems to be rooted in the interaction between these two functions.

javascript ajax

Answer 1

Answer №1

Your code could use some tidying up. It's important to write clean code to avoid errors. An issue with your brackets is causing the code not to execute properly (the else statement is linked with a function).

The If statement seems to be missing, try using if instead (with a lowercase I).

Other recommendations:

Consider using onkeyup.

2: You can set up your variables like this:

var UsrNm,
    Psswd,
    RePsw,
    PostBackInfo
;

OR

var UsrNm = document.getElementById('txtUsrNm'),
etc.

Answer 2

Your code could use some tidying up. It's important to write clean code to avoid errors. An issue with your brackets is causing the code not to execute properly (the else statement is linked with a function).

The If statement seems to be missing, try using if instead (with a lowercase I).

Other recommendations:

Consider using onkeyup.

2: You can set up your variables like this:

var UsrNm,
    Psswd,
    RePsw,
    PostBackInfo
;

OR

var UsrNm = document.getElementById('txtUsrNm'),
etc.

Answer 3

Answer №2

Error in Syntax

Extra bracket }

        `else
                {
                    document.getElementById("txtPhNo").value='waiting';
                    document.getElementById("txtPhPop').value ='waiting';
                }
            }
        `

It is necessary to remove one bracket after the else statement

Answer 4

Error in Syntax

Extra bracket }

        `else
                {
                    document.getElementById("txtPhNo").value='waiting';
                    document.getElementById("txtPhPop').value ='waiting';
                }
            }
        `

It is necessary to remove one bracket after the else statement

JavaScript: Only a single function call is successful

Answer №1

Answer №2

Similar questions

Attempting to grasp the intricacies of HTML5/JS video playback quality

A more detailed explanation of Angular's dot notation

When working with TextareaAutosize component in MUI, an issue surfaces where you need to click on the textarea again after entering each character

What is the reason behind the browser permitting cross-origin POST requests but not PUT requests?

Why does socket.io have trouble connecting when clients are using different IP addresses on separate wifi networks?

This piece of code is causing my browser to lag

Is Ajax capable of processing and returning JSON data effectively?

Clarifying the confusion surrounding AngularJS $q, promises, and assignments

react-router version 2.0 fails to direct traffic

RS256 requires that the secretOrPrivateKey is an asymmetric key

Typehead.js on Twitter is displaying the full query instead of just the value

Enhancing the efficiency of a Puppeteer web scraping operation

Submitting forms with Ajax in IE(8)

What is the best way to ensure that a mapped type preserves its data types when accessing a variable?

switching the content of a button when it is clicked

Positives and negatives images for accordion menu

What is the best way to pass WordPress category as information to ajax?

The Bootstrap alert refuses to close when the close button is clicked

Creating a text node in a JavaScript application adds HTML content

What is the best way to pass a state within a route component in react-router?