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
Post a Comment