JavaScript - Login Form Looking For Help - Please

Hello, could anyone help me with the javascript code? i have the HTML form code below and i want to create a javascript to work with it. Please see the code below:

Code:

<form method="post" name="login_form">
Name: <input type="text" name="login_username" value="" /><br>
Password: <input type="password" name="secretkey" /><br>
<input type="hidden" name="js_autodetect_results" value="0" />
<input type="hidden" name="just_logged_in" value="1" />
<INPUT CHECKED NAME="domain" TYPE="radio" VALUE="@camintel.com">@camintel.com<BR>
<INPUT NAME="domain" TYPE="radio" VALUE="@camintel.com.kh">@camintel.com.kh<BR>
<input type="submit" value="Login" /><br>
</form>

I have two domain "camintel.com" and "camintel.com.kh" with one email login form. could anyone write me a javascript that have the following option.

1. when user select camintel.com , it will login to http://users.camintel.com/squirrelmail/src/redirect.php
2. when user select camintel.com.kh, it will login to http://www.camintel.com.kh/webmail/src/redirect.php


Please help me with this, i tried to code my self. But none is working. And Last Sorry for my bad english.


Best Regards,
Kenshin

I am having trouble getting this code to work correctly. What I am trying to do is on my site i will have a button that will open this popup window with a login form and what i would like it to do is when the form is submitted i want the window to close and the main page to redirect to whatever page i would like it sent to. And if the login information is wrong i would like the popup window to stay open and say that it is wrong in red letters at the top.

Here is the code for the popup window:

PHP Code:
<?php
if($target == "LogIn") {

if($view == "Form") {
echo '
<script language="JavaScript" src="window.js">
</SCRIPT>
<style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style>
<FORM action="index.php?act=Login&CODE=50" onSubmit="javascript:login();" method="post" name="mlogin">
  <p>
    <font face="verdana" color="#76a5d5" size="1"><B> Username: </b></font><INPUT class="textInput1" style="border: 1px solid #76A5D5; font-family: verdana, helvetica, sans-serif; font-size: 11px; padding: 2px; vertical-align: middle; margin: 0; width: 80px" type="username" size="25" name="username" value="Username"/>
    <br>    
    <FONT face="verdana" color="#76a5d5" size="1"><B> Password:&nbsp; </b></font><INPUT class="textInput1" style="border: 1px solid #76A5D5; font-family: verdana, helvetica, sans-serif; font-size: 11px; padding: 2px; vertical-align: middle; margin: 0; width: 80px" type="password" size="25" name="password" value="*******"/> <INPUT type="image" src="images/login.jpg" ALT="Click Here to Login!" BORDER="0" ALIGN="middle" value="submit" name="submit">
  </p>
</form>';
}
}
?>

Code for the javascript:

PHP Code:
//Open up a new window with specific dimensions
function info(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=300,height=100,left = 300,top = 500');");
}

<!--
    function login() {
        setTimeout('window.close()',2000);
        opener.location.href='/main/index.php';
    }
//--> 


Any help would be greatly appreciated

Hello i need help with a simple single field javascript login form, i am building a small website for I and my classmates.
i want it to be able to redirect each user to a specific page when a corresponding passcode is entered, i know its unsafe but we dont plan on keeping valuable information on the site, i dont know about MSQL and dont even wish to use it, the code works at this level but am unable to add users since i dont understand javascript if someone could help me i will be very grateful
thanks in advance

/*here is the code i got so far*/

<tittle>
Enter Passcode to proceed
</title>
<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
color:#00FF00;>
</h1>
<form name="login">
Passcode: <input type="text" name="userid"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)/*function to check userid */
{
if(form.userid.value == "JohnDoe") /* checkes userid */
{
window.open("johndoe.php")/*target page */
}
else
{
alert("Invalid Passcode, please try again!")/*error message*/
}
}

From my main page, I have a dropdown-login box.

Is it possible login form go to my user's control panel if the login was successful, or go to the login page if it's not? Ideally, I don't want to use a re-direct. Do I need to use ajax?

Thank you!

Hello, could anyone help me to write the javascript code? .. i have the code below:

Code:

<script>
var urls = [ "http://users.camintel.com/squirrelmail/src/redirect.php",
             "http://www.camintel.com.kh/webmail/src/redirect.php" ];
</script>
<form method="post" name="login_form" 
 onsubmit="this.action=urls[this.domain[0].checked ? 0 : 1]; return true;">

Username: <input type="text" name="login_username" value="" /><br>
Password: <input type="password" name="secretkey" /><br>
<input type="hidden" name="js_autodetect_results" value="0" />
<input type="hidden" name="just_logged_in" value="1" />
<INPUT CHECKED NAME="domain" TYPE="radio">@camintel.com<BR>
<INPUT NAME="domain" TYPE="radio">@camintel.com.kh<BR>
<input type="submit" value="Login" /><br>
</form>

I want to add javascript to cut the string in Username. When the use type full domain address it will cut the string from "@camintel.com" and "@camintel.com.kh" . So if user type "test@camintel.com" in Username, the input will be "test". I tried to code it my self, but none is working.

So please, could u help me to code this?
Thanks alots.


Best Regards,
Kenshin

Hello there guys!

Thanks for taking time to view this thread. It's appriciated!

I found a really nice menu (Javascript, JQuery) im not so high tech on this myself, and not the best coder either but whenever I use this menu it gives the login box on the website an error, it doesn't let people login..

I've tried to localize the error myself, but I just dont know how to fix it, I think the issue is that the site system i use doesn't support these type of scripts which gives the login errors! I'm currently using a free website system, which allows you to customize anything you want called "uCoz"

The menu i used was: http://www.dynamicdrive.com/dynamici...enu-glossy.htm

And I think it's the jquery that gives the login box errors..

I'm thankfull for answers if anyone knows

Hello everyone. I have a a html page that is used as a login page. I know it is not secure but this is just for learning purposes, I'm not using it for anything important.

My problem is that when I put in the correct login all that happens is the page just clears the text boxes as if you were starting over.

I am trying to get it to go to register.html which is located in the same directory as the login page.

Help with what I'm doing wrong would be greatly appreciated.

Here is the code:
Code:

<html>
<head>
<title>Login Page</title>
</head>
<body>
<script type = "text/javascript">

var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["Philip", "George", "Sarah", "Michael"];  // as many as you like - no comma after final entry
var pwArray = ["Password1", "Password2", "Password3", "Password4"];  // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "register.html";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password.  You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>
<form>
<table border ="5">
<tr>
	<th colspan="2">Login</th>
</tr>
<tr>
	<td>Username:</td>
	<td><input type="text" name="username" /></td>
</tr>
<tr>
	<td>Password:</td>
	<td><input type="password" name="pword" /></td>
</tr>
<tr>
	<th colspan="2"><input type="Submit" value="Login" name="Submit" onClick="validate()" /><input type="Reset" value="Reset" /></th>
</tr>
</table>
<p>
<a href="register.html">New users click here to register</a>
</p>
</form></body></html>

I'm sure there are people here who are familiar with the Facebook javascript library. It's pretty straight forward, but I'm having one issue with my program and I don't see the best way around it.

I have two logins for my website. A user can log in with their facebook, and it's encouraged as I'm implementing facebook features through out it, but I also need to have a very strict control over who is able to actually modify the database. Basically, if a user comes to the site and logs in with facebook, I check for their email, if it doesn't exist, an account is created, but it's level one and theres also an isReg field that's set to 0. If the email address is already found, I simply add the facebook data to the existing account. If a facebook user wants to become an actual client, I then send them through my traditional registration process. Pretty basic as far as facebook implementation goes.

My problem, however, is with the facebook javascript itself. Since the program is mostly PHP based, I have the facebook login fire the script I talked about above, and it sets up the session variables I use to control who has access to what. The problem is after the ajax call, I need the page to refresh so it shows the user access stuff that's tied into the PHP program. The logout refresh works great, but as you can see with this code, if I put something like "window.location="ect"", it would send the browser into an endless loop. I need some advice on how to refresh this page so the php session stuff gets added after a Facebook login.

Code:

			<script type="text/javascript">
				window.fbAsyncInit = function() {
					FB.init({appId: '215993265079207', status: true, cookie: true, xfbml: true});
	 
					/* All the events registered */
					FB.Event.subscribe('auth.login', function(response) {
						// do something with response
						login();
					});
					FB.Event.subscribe('auth.logout', function(response) {
						// do something with response
						logout();
					});
	 
					FB.getLoginStatus(function(response) {
						if (response.session) {
							// logged in and connected user, someone you know
							login();
						}
					});
				};
				(function() {
					var e = document.createElement('script');
					e.type = 'text/javascript';
					e.src = document.location.protocol +
						'//connect.facebook.net/en_US/all.js';
					e.async = true;
					document.getElementById('fb-root').appendChild(e);
				}());
				function fbloginClick(){
					FB.login(function(response) {
						 if (response.session) {
    						if (response.perms) {
							  // user is logged in and granted some permissions.
							  // perms is a comma separated list of granted permissions
							} else {
							  // user is logged in, but did not grant any permissions
							}
						  } else {
							// user is not logged in
						  }
						}, 
					{perms:'email,user_birthday'}
					);
				}
				function login(){
					//Fire the PHP Facebook Auth Script
					var xmlhttp;
					if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
						xmlhttp=new XMLHttpRequest();
					}else{// code for IE6, IE5
						xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					}					
					xmlhttp.open("POST","http://www.thehoppr.com/clients/facebook/facebook_auth.php",true);
					xmlhttp.send();
				}
				function fblogoutClick(){
					FB.logout(function(response) {
					  	// user is now logged out
					});	
				}
				function logout(){
					//Fire the PHP Logout Script
					var xmlhttp;
					if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
						xmlhttp=new XMLHttpRequest();
					}else{// code for IE6, IE5
						xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
					}					
					xmlhttp.open("POST","http://www.thehoppr.com/clients/logout.php",true);
					xmlhttp.send();
					window.location.reload;
				}
			</script>

Anyone got any ideas for me here?

hey guys

im not sure if this is javascript or not,
but how do i make this?



i only want one username/password to catch spam

Could somebody please help get this login script working(I know it's vulnerable):
Code:

<html>
<body>
<script type = "text/javascript">
function validate() {
var F_F_F2318797AS$ = document.GENERATOR.color.value;
var color = "#FFFF9B"
if (F_F_F2318797AS$ == color && 1==1 && 2==2) {
alert ("Login was successful");
return false;
}
else{
alert ("Incorrect password");
return false;
}
</script>
<h1> Welcome to the realm of <big style="color:red">confusing</big> Javascript <h1>
<form name = "GENERATOR">
ENTER PASSWORD <input type="password" name="color">
<input type="button" value="Submit" name="Submit" onclick= "validate()">
<
</form>
</body>
</html>

Thanks in advance!

Guys,

we are 2 guys working on an android app. Once installed on an android phone the authentication sends back a "failed to login" 80% of the time and around 20% of the time there is no issue at all.

We checked with the host (godaddy) n no issue on their side.

We feel pretty stuck and wonder where we should look at. Would you have any advise on what to check given that sometimes it works fine n other it fails (without touching the code) ?

BR,
Ju

I was wondering if there was an easy way to configure a message box to resemble that of a login form. It would preferably have two text fields for username/password and OK and Cancel buttons as well. I currently have a normal login form on my website designed using PHP but it does not figure into what we need to do now. I'm not sure about going about this and I have tried looking for quite sometime for an example of this but cannot find one.

I have used the Java Script from your site:

http://www.javascriptkit.com/howto/htaccess3.shtml



Evertime I enter the correct UserName and Password I get this Error:



User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; Media Center PC 6.0)
Timestamp: Sun, 16 Jan 2011 01:42:45 UTC


Message: A security problem occurred.

Line: 21
Char: 1
Code: 0
URI: file:///C:/test/htmllogin/login.htm

i am having a simple login system, but i need some help i want to assign an if else statement my code is this :
what i need is if i login to sales if navigates to sales page,
if other then go to other page pls help me It is very important for me
Thanks is advance


Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ENTER USER NAME&nbsp; ENTER PASSWORD</title>
<style type="text/css"> 
.style1 {
text-align: center;
}
</style>
</head>

<body style="background-color: #AFC8C7">
<script type = "text/javascript"> 

 // Note: Like all Javascript password scripts, this is hopelessly insecure as the user can see 
//the valid usernames/passwords and the redirect url simply with View Source. 
// And the user can obtain another three tries simply by refreshing the page. 
//So do not use for anything serious! 

var count = 2;
function validate() {
var un = document.myform.username.value;
var pw = document.myform.pword.value;
var valid = false;

var unArray = ["HR", "Admin", "IT", "Sales"]; // as many as you like - no comma after final entry
var pwArray = ["hr123", "admin123", "it123", "sales123"]; // the corresponding passwords;

for (var i=0; i <unArray.length; i++) {
if ((un == unArray[i]) && (pw == pwArray[i])) {
valid = true;
break;
}
}

if (valid) {
alert ("Login was successful");
window.location = "index.html";
return false;
}

var t = " tries";
if (count == 1) {t = " try"}

if (count >= 1) {
alert ("Invalid username and/or password. You have " + count + t + " left.");
document.myform.username.value = "";
document.myform.pword.value = "";
setTimeout("document.myform.username.focus()", 25);
setTimeout("document.myform.username.select()", 25);
count --;
}

else {
alert ("Still incorrect! You have no more tries left!");
document.myform.username.value = "No more tries allowed!";
document.myform.pword.value = "";
document.myform.username.disabled = true;
document.myform.pword.disabled = true;
return false;
}

}

</script>

<form name = "myform">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="style1">User Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" name="username" style="width: 131px"> 
</p>
<p class="style1">&nbsp;Password:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp; 
<input type="password" name="pword" style="width: 131px">&nbsp;
</p>
<p class="style1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Log In" name="Submit" onclick= "validate()" style="width: 96px">
</p>

</form>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 136px; top: 252px" id="layer1">
</div>
<p>&nbsp;</p>
</body>

</html>