javascript - Getting Jquery code to stay after form has finished submitting -


my code jquery code adds text table when user makes mistake in form. text dissapears once has finished checking , appears brief split second.

here username validator:

function validateusername() {     var u = document.forms["newuser"]["user"].value     var ulength = u.length;     var illegalchars = /\w/; // allow letters, numbers, , underscores     if (u == null || u == "")     {         $("#erroruser").text("you left username field emptyyy");         return false;     }     else if (ulength <4 || ulength > 11)     {         $("#erroruser").text("the username must between 4 , 11 characters");         return false;     }     else if (illegalchars.test(u))      {         $("#erroruser").text("the username contains illegal charectors men!");         return false;     }     else     {         return true;     } } 

to prevent form submission, need prevent default action. give way:

function validateusername(e) {     e.preventdefault();     var u = document.forms["newuser"]["user"].value;     var ulength = u.length;     var illegalchars = /\w/; // allow letters, numbers, , underscores     if (u == null || u == "")     {         $("#erroruser").text("you left username field emptyyy");         return false;     }     else if (ulength <4 || ulength > 11)     {         $("#erroruser").text("the username must between 4 , 11 characters");         return false;     }     else if (illegalchars.test(u))      {         $("#erroruser").text("the username contains illegal charectors men!");         return false;     }     else     {         return true;     } } 

and need call event way:

$("form").onsubmit(validateusername); 

update: based on comment.

change <form> tag markup way:

<form name="newuser" id="myform"> 

and in javascript, use way:

$("form").onsubmit(function(e){     e.preventdefault();     var u = document.forms["newuser"]["user"].value;     var ulength = u.length;     var illegalchars = /\w/; // allow letters, numbers, , underscores     if (u == null || u == "")     {         $("#erroruser").text("you left username field emptyyy");         return false;     }     else if (ulength <4 || ulength > 11)     {         $("#erroruser").text("the username must between 4 , 11 characters");         return false;     }     else if (illegalchars.test(u))      {         $("#erroruser").text("the username contains illegal charectors men!");         return false;     }     else     {         return true;     } }); 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -