[RESOLVED] sporadic form submission or lack there of.....

jeepin81

I have a simple HTML form: method="POST" action="SELF"..... however, sporadically when you submit the form via the "enter" key it just refreshes itself and doesn't go through the process of submitting. I do have an <a href=""></a> in place of the <input type="submit"/> but I do have that type="submit" has a hidden form element. It's really sporadic... maybe if will work 15 times and on the 16th time using the form it just blinks/refreshes the page. I can purposely put the wrong credentials to hit my error checking and on those rare non-submit it doesn't even reach that - just refresh.

Has anyone else fun into this before?

<form method="POST" action="<?=$_SERVER['PHP_SELF']?>" id="login">
<span class="loginLabel">Username:</span>
<br/>
<input type="text" name="username" autofocus="autofocus" class="loginInput" autocomplete="off"/>
<br/>
<span class="loginLabel">Password:</span>
<br/>
<input type="password" name="password" class="loginInput" autocomplete="off" id="txtpassword"/>
<br/>
<input type="checkbox" id="show"/>&nbsp;<span style="font-size:10px;">show password</span>

<br/><br/>

<input type="hidden" name="nonce" value="<?=$doCreateNonce?>"/><br/>
<input type="hidden" name="formID" value="login"/>
<input type="submit" style="display:none"/>
<a href="javascript: submitLoginForm();" class="btnLogin">Sign In</a>

						<script type="text/javascript">
							function submitLoginForm(){
							  document.getElementById('login').submit();
							}	
						</script>

						<script type="text/javascript">
						$(function(){
						  $("#show").click(function(){
						    if( $("#show:checked").length > 0 ){
						      var pswd = $("#txtpassword").val();
						      $("#txtpassword").attr("id","txtpassword2");
						      $("#txtpassword2").after( $("<input id='txtpassword' name=\"password\" class=\"loginInput\" type='text'>") );
						      $("#txtpassword2").remove();
						      $("#txtpassword").val( pswd );
						    }
						    else{ // vice versa
						      var pswd = $("#txtpassword").val();
						      $("#txtpassword").attr("id","txtpassword2");
						      $("#txtpassword2").after( $("<input id='txtpassword' name=\"password\" class=\"loginInput\" type='password'>") );
						      $("#txtpassword2").remove();
						      $("#txtpassword").val( pswd );
						    }
						  });
						})

						</script>

					</form>

Few things I've tried but w/ no luck:
- Remove the href submit and put the traditional input type of submit. Same results.
- set action="";
- tried adding a hidden <input type="button"....

I appreciate any insight.

jeepin81

To add to this... I just tried adding an alert(); to my js func: submitLoginForm(); and when it blinks/fails the alert(); didn't even trigger... so, it seems it's not even hitting that function.

One other thing... i tried the following and got the same result;

<a href="javascript:void(0);" onclick="submitLoginForm();" class="btnLogin">Sign In</a>

maxxd

The problem you're seeing is that you're specifying a click event on a link that doesn't happen when you submit the form by hitting the enter key. The page isn't actually just refreshing, the form was submitted. But your function is listening for the click event on the hyperlink, not the submit event on the form.

Couple things here - first, don't use PHP_SELF in the action attribute of your form. Just leave it blank, or leave it out entirely. The form will target the current page for submission.

Secondly, I'm not completely sure why you're jumping through the hoops of hiding a submit button, creating a link with a javascript href, and then using that javascript to submit the form. It just seems like a lot of extra work for no reason. At any rate, if you're determined to go that way, remove the onclick and href attributes from the anchor tag and target the click event in JQuery.

<a href="#" id="fake_submit" class="btnLogin">Sign In</a>

$('#fake_submit').click(function(){
     $('#login').submit();
});

Again, all this would be completely unnecessary by simply using the submit button you've already got in the form markup. As for the issue of not getting to the error checking - none of the code you've posted has anything to do with error checking. That may be a completely different matter, but won't know until we see the code.

jeepin81

Thanks for the reply.... finally got this figured out. It was nothing to do w/ the actual form and submission technique... it was the nonce I was using to make sure it was always an unique submission. After stepping through my code and finding out where it was blowing up it ended up being the nonce. The way I was creating them wasn't "unique" enough so every once in awhile a user would attempt to login and the nonce method would see duplicates and returning "an unknown" error and just reloading the page.