Problem with jQuery

@pensu-8tNeGU • Oct 26, 2024

Oct 26, 2024

2.1K

Hello ppl, i have to make a validation code using jQuery. Well, the task is to take username and password from user using a html form and then the form should be validated as in username must be email and none of the field should remain empty.
Can anyone help me out with this???

Like 0 Replies 5

Replies

Welcome, guest

Join CrazyEngineers to reply, ask questions, and participate in conversations.

CrazyEngineers powered by Jatra Community Platform

Pensu

@pensu-8tNeGU • Apr 3, 2011

I have made a code for validation. Here it is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 
    $('#submit').click(function() {  
 
        $(".error").hide();
        var hasError = false;
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
 
        var emailaddressVal = $("#uname").val();
        if(emailaddressVal == '') {
            $("#uname").after('<span class="error">Please enter user name.</span>');
            hasError = true;
        }
 
        else if(!emailReg.test(emailaddressVal)) {
            $("#uname").after('<span class="error">Please, Enter a valid username(email).</span>');
            hasError = true;
        }
 
        if(hasError == true) 
		{ 
			return false; 
		}
		else
		{
			window.location="welcome.php";
		}
 
    });
});
</script>
</head>

<body>
<form method="post" name="form1" action="">
  <fieldset>
   Username:<input type="text" id="uname" /> <br />
   Password:<input type="password" id="pwd" /> <br />
   <input type="submit" value="Submit" id="submit" />
  </fieldset>
</form>
</body>
</html>

Now, the problem is here that i am not able to redirect user to welcome.php. Help, anyone??

computeridiot007

@computeridiot007-xUubel • Apr 3, 2011

#-Link-Snipped-# brother has already answered your question brother
use
<input type="Button" onClick="check()" />

insted of
<input type="submit" onClick="check()" />

on more thing it's window not windows.Window is default so you can also write location.href.
And if again it's not working(may be the reason your server is on different port then 80(default)).

0
Pensu

@pensu-8tNeGU • Apr 3, 2011

@computeridiot007: Bro, i guess you didnt see the code i have written above, first of all there is no check function, secondly input type="submit" is working absolutely fine, and thirdly if you see the code you will know that i have used window only. The question mohit answered was different one. The jquery thing is working fine, i have problem in dealing with redirection only. It would be great if you can help me with that.
0
Pensu

@pensu-8tNeGU • Apr 5, 2011

No answers...😔. Anyways i figured it out. If i give the name of php file itself in the form, the code is working fine.
0
computeridiot007

@computeridiot007-xUubel • Apr 5, 2011

nicepeeyush
No answers...😔. Anyways i figured it out. If i give the name of php file itself in the form, the code is working fine.
brother it worked for me when I change it and then checked out.
0