php form with javascript validation

Question

i'm working on a registration page. im stuck in this javascript form validation. what i want to do is first validate the entered data then pass the value to action page. but the validation never works. i tried removing action and also removing (form) in function and tried passing form but none works.

here is my code

<html>

<head>
    <title>Registeration</title>
    <script language="javascript">
    function regval(form) {
        var a = document.forms["regform"]["username"].value;
        var b = document.forms["regform"]["password"].value;

        if (a == null || a == "") {
            alert("Enter username");
            return false;
        }
        if (b == null || b == "") {
            alert("enter password");
            return false;
        }

    }
    </script>
</head>

<body>
    <form name="regform" id="regform" action="registration.php" method="post" onSubmit="return regval();">
        <table width="274" border="0" align="center" cellpadding="2" cellspacing="0">
            <tr>
                <td width="95">
                    <div align="right">Username:</div>
                </td>
                <td width="171">
                    <input type="text" name="username" />
                </td>
            </tr>
            <tr>
                <td>
                    <div align="right">Password:</div>
                </td>
                <td>
                    <input type="password" name="password" />
                </td>
            </tr>
            <td>
                <div align="right"></div>
            </td>
            <td>
                <input name="submit" type="submit" value="register" onClick="validateForm()" />
            </td>
            </tr>
        </table>
    </form>
</body>

</html>

using if(!a) {...logic...} if(!b) {...logic...} will be best option, and I guess you should return true also when control doesn't go into if statement — imsheth
– imsheth, Commented Jun 25, 2015 at 5:39

Sebastian Nette · Accepted Answer · 2015-06-25 05:32:36Z

2

if(b==nul||b="")

Should be:

if(b==null||b=="")

Or shorter:

if(!a) { alert("Enter username"); return false; }
if(!b) { alert("Enter password"); return false; }

answered Jun 25, 2015 at 5:32

Sebastian Nette

7,9022 gold badges20 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ramki · Accepted Answer · 2015-06-25 05:36:12Z

1

<html>
<head>
<title>Registeration</title>
<script language="javascript">
function validateForm(form)
{
var a=document.forms["regform"]["username"].value;
var b=document.forms["regform"]["password"].value;
alert(a);

if(a==null || a=="")
{
alert("Enter username");
return false;
}
if(b==nul||b=="")
{
alert("enter password");
return false;
}

}
</script>
</head>
<body>
<form name="regform" id="regform" action="#"  method="post" onSubmit="return regval();">
<table width="274" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td width="95"><div align="right">Username:</div></td>
<td width="171"><input type="text" name="username" /></td>
</tr>
<tr>
<td><div align="right">Password:</div></td>
<td><input type="password" name="password" /></td>
</tr>
<td><div align="right"></div></td>
<td><input name="submit" type="submit" value="register" onClick="validateForm()"/></td>
</tr>
</table>
</form>
</body>
</html>

answered Jun 25, 2015 at 5:36

Ramki

5192 silver badges9 bronze badges

3 Comments

Nithin Over a year ago

it prints the username

Nithin Over a year ago

i just added a alert() without printing value and its working .

Ramki Over a year ago

if(a=="") { document.getElementById("user-err").innerHTML = "Enter username"; return false; } <td width="171"><input type="text" name="username" /> <div id="user-err"></div> </td> Check this one

Abhishek Mishra · Accepted Answer · 2015-06-25 05:39:08Z

0

try this code

function regval(form)
    {
        var a=document.forms["regform"]["username"].value;
        var b=document.forms["regform"]["password"].value;

        if(a=="")
        {
            alert("Enter username");
            return false;
        }
        if(b == "")
        {
            alert("enter password");
            return false;
        }

    }

answered Jun 25, 2015 at 5:39

Abhishek Mishra

815 bronze badges

Collectives™ on Stack Overflow

php form with javascript validation

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related