Login Page - onsubmit function call problem

Question

1.00/5 (1 vote)

See more:

The following is a code for a login page. however, I cant seem to get the "onsubmit" to call the function. I've also tried the "onclick" option with submit. Needless to say that that doesn't work either.

Could anyone tell me where am I going wrong?

HTML

<html>
<head>
<title>Login Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function checkinput(form){
    if ((form.LoginId.value===null)||(form.LoginId.value.trim().equals(""))){
        alert('Please enter LoginId');
        form.LoginId.focus();
        return false;
    }
    if ((form.password.value===null)||(form.password.value.trim().equals(""))){
        alert('Please enter Password');
        form.password.focus();
        return false;
    }
}
</script>    
</head>
<body>
    <h1 align="center">Please Enter your Login Credentials</h1>
    <form action="LoginValidator" method="post" name="login"  önsubmit="return checkinput(this);">
        LoginId <input type="text" name="LoginId" maxlength="10"><br /><p>
        LoginRole <select name="LoginRole" size="1">
            <option value="consumer">Consumer</option>
            <option value="administrator" selected>Administrator</option>
            <option value="manager">Manager</option>
            <option value="publicreviewer">Public Reviewer</option>
        </select><br/><p>
        Password <input type="password" name="password" maxlength="20"><br/><p>
        <input type="submit" > <input type="reset">
    </form>
<body>
</html>

Posted 30-Jun-13 20:37pm

Tanmoy_Sen

Updated 30-Jun-13 20:47pm

Prasad Khandekar

v2

Add a Solution

Comments

[no name] 1-Jul-13 9:48am

Really silly question but have you tried "onsubmit" instead of "önsubmit"?

2 solutions

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)

_Amy · Answer 1 · 2013-06-30T20:47:00

Solution 1

Have a look at this[^] article.

--Amit

Posted 30-Jun-13 20:47pm

_Amy

Comments

Tanmoy_Sen 1-Jul-13 10:22am

Already checked before posting. No joy.

Prasad Khandekar · Answer 2 · 2013-06-30T20:59:00

Hello Tanmoy,

It's the problem in your checkinput function. Please correct it as shown below.

JavaScript

function checkinput(form){
    var fval = form.LoginId.value;
    if (fval===null || fval === "" || "".equals(fval)){
        alert('Please enter LoginId');
        form.LoginId.focus();
        return false;
    }
    fval = form.password.value;
    if (fval===null || fval === "" || "".equals(fval)){
        alert('Please enter Password');
        form.password.focus();
        return false;
    }
}

I also observed that the code you have posted wrongly names onsubmit method as önsubmit (Notice two small dots on top of letter o). Also please properly close the input button tags. The testbed can be found here[^] on JSFiddle.

Regards,