Javascript and JSP issue

Question

0.00/5 (No votes)

See more:

Hello guys I need some help with a web application I'm trying to create, it is a simple JSP page where you can insert, delete or update rows in a table stored in a data base. However, I need to use Java Script to validate the fields before sending them to the server. Here is the JSP code:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    
    
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>New Record</title>
        
    </head>
<body>
        <script type="text/javascript">
            function validate(){
                alert("Your data is about to be validate!");
                //validate data
            return false;
            </script>
        <h1>New Record</h1>
        
        <form name="frmInNew" action="NewWS"  önsubmit="validate()" method="POST">
        
        Enter data in the fields
        <p>
            Number <input type="text" name="txtNumber" value="" size="20" />
        <p>
            Last Name <input type="text" name="txtLN" value="" size ="20"/>
        <p>
            Middle Name: <input type="text" name="txtMN" value="" size="20" />
        <p>
            Name  <input type="text" name="txtN" value="" size="20" />
        <p>
            Birth date <input type="text" name="txtBD" value="" size="20" />
        <p>
            Salary: <input type="text" name="txtSalary" value="" size="20" />          
        <p>
         <input type="submit" value="Send" name="btnSend"/>   
        </form>
    </body>
    
</html>

The issue is not the validation itself, the issue is I cannot even call the function correctly, as you can see I put an alert to test if the function was being called correctly but the alert does not pop up.
I cannot find what I'm doing wrong, as you can see I'm very new in JS so I hope you can help me on this one. Thanks

Posted 10-Jun-13 7:50am

Hanzel Doullery de Garcia

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-06-10T08:35:00

Solution 1

Issues I Can See

1. [As reported by Sergey Alexandrovich Kryukov] -> that is onsubmit, not önsubmit.

2. As you are returning boolean value from function, you should write a return statement in the call like below (good practice).

HTML

onsubmit="return validate();"

3. Missing closing curly braces in the function.

JavaScript

function validate(){
      alert("Your data is about to be validate!");
      //validate data
      
      return false;
} // This is missing.

Suggestion

See the console window of FireBug in FireFox and check if you have any other errors.

Posted 10-Jun-13 8:35am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 10-Jun-13 8:38am

v2

Comments

Sergey Alexandrovich Kryukov 10-Jun-13 15:02pm

Good catch, a 5. What could really happen: the code is not interpreted at all, due to the syntax error, and the error is not exposed to the user, so nothing at all happens.
As I commented before, "önsubmit" is not the OP's bug, this is just the artifact of the CodeProject formatting script; so in OP's code it must be spelled correctly.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 10-Jun-13 15:05pm

Yes exactly... :)

Thanks a lot Sergey Alexandrovich Kryukov... :)

Sergey Alexandrovich Kryukov 10-Jun-13 15:08pm

You are very welcome; deserved...
Cheers,
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 10-Jun-13 15:11pm

:) :) Cheers.

Hanzel Doullery de Garcia 10-Jun-13 15:18pm

Yes it totally solved!
I thank you both

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 10-Jun-13 15:49pm

Most welcome... :)