Disabling submit button unless certain elements are in forms

@holyhttpSep 15.2012 — #Do you meant the username and password have each at least 3 characters?

Instead of disabling the submit button, why not just prevent the form from being submitted unless all required fields are valid.

HTML:

<form action="submit.php" method="POST" name="loginform" onsubmit="return validateForm()" />

<input type="text" name="username" />

<br>

<input type="password" name="password" />

<br>

<input type="submit" value="login"/>

</form>

JavaScript:

function validateForm(){

var reg=/[a-zA-Z0-9]{3,}/i

if(document.loginform.username.value.search(reg)==-1){

alert('Your username must be at least 3 alphanumeric characters');

document.loginform.username.focus();

return false;

}

else if(document.loginform.password.value.search(reg)==-1){

alert('Your password must be at least 3 alphanumeric characters');

document.loginform.password.focus();

return false;

}

return true;

}

The function above can be optimized but this is a good start.

Notice all attributes values in the HTML are between quotes and the form is given a name and/or an ID.

The first step is getting the habit to write a clean HTML

@zggz12authorSep 15.2012 — #Thank you, this is exactly what I was looking for.

@zggz12authorOct 05.2012 — #I have one more question,

how would I make it so that a third field (ip2) would work with nothing, or a correctly formatted ip address?

Disabling submit button unless certain elements are in forms

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Disabling submit button unless certain elements are in forms

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴