Pastable version of Simple form validator with RegEx

<pre class='prettyprint' language='javascript'>//function that loops through the elements
function __validateForm(theform){
	numEle=theform.elements.length;
	for(i=0;i&lt;numEle;i++){
		elem=theform.elements[i];
		if(elem.alt){
			parts=elem.alt.split(&quot;::&quot;);
			regex=new RegExp(parts[0],'i');
			if(!regex.test(elem.value)){
				alert(parts[1]);
				return false;
			}
		}
	}
			
	return true;
}

//init function to bind the validation to the onsubmit
//can take an argument, that is a function for extra validation
function validateForm(){
	var vaditional;
	if(!arguments.length){
		f=function(){
			return __validateForm(this);
		}
	}else{
		vaditional=arguments[0];
		f=function(){
			ret=__validaForm(this);
			if(ret)
				return vaditional(this);
			return false;
		}
	}
	return f;
}</pre>
<pre class='prettyprint' language='javascript'>&lt;html&gt;
&lt;script&gt;
function init(){
   document.forms.registro.onsubmit=validateForm();
}
window.onload=init;
&lt;/script&gt;
&lt;body&gt;
&lt;form name=&quot;registro&quot; id=&quot;registro&quot; action=&quot;procesa_login.html&quot; method=&quot;post&quot;&gt;
					&lt;fieldset&gt;
						&lt;legend&gt;Login&lt;/legend&gt;
						&lt;p&gt;Username:&lt;/p&gt;
						&lt;input type=&quot;text&quot; name=&quot;usuario&quot; alt=&quot;^[a-z0-9_-]{4,12}$::Specifie a username between 4 and 12 alfanumeric character. No whit space allowed&quot; /&gt;
						&lt;p&gt;Password:&lt;/p&gt;
						&lt;input type=&quot;password&quot; name=&quot;password&quot; alt=&quot;^.{4,12}$::Introduce a password between 4 and 12 characters&quot; /&gt;
					&lt;/fieldset&gt;
					&lt;input type=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Enviar&quot; /&gt;
				&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
<pre class='prettyprint' language='javascript'>&lt;html&gt;
&lt;script&gt;
//in this case we use a function to compare the two passwords fields
function comparePasswords(theform){
   if(theform.password.value!=theform.repassword.value){
		alert('The two passwords are not equel');
		return false;
   }
   return true;
}

Refactor :my => 'code'

Recent

Popular

Pastable version of Simple form validator with RegEx