Javascript Space Function

Question

I have a JS code that the function must check the form, now what I want to do is add 1 function to prevent a space in the text box with the message too: "No space". Here it is my JS code:

$().ready(function() { $("#signupForm").validate( { rules: { full_name: "required", username: { required: true, minlength: 2 }, password: { required: true, minlength: 5 }, email: { required: true, email: true }, }, messages: { full_name: "Please enter your full name", username: { required: "Please enter a username", minlength: "Your username must consist of at least 2 characters" }, password: { required: "Please provide a password", minlength: "Your password must be at least 5 characters long" }, email: "Please enter a valid email address" } }); }); 

Can anyone give me an idea? Thanks.

Answer 1

try it

---

Add a method called noSpace

 jQuery.validator.addMethod("noSpace", function(value, element) { return !value.match(/\s/g); }, "Spaces are not allowed"); 

Set it as a rule for username

 rules: { // ... username: { // ... noSpace: true, // ... }, // ... 

Set a custom message if you want to override the default message

 messages: { // ... username: { // ... noSpace: "Username should not contain spaces", // ... }, 

Answer 2

 <script type="text/javascript"> function nospaces(t) { if(t.value.match(/\s/g)) { alert('Sorry, you are not allowed to enter any spaces'); } } </script> 

Add the following attribute to the input text box

 onkeyup="nospaces(this)" 

Answer 3

 jQuery.validator.addMethod("noSpace", function(value, element) { return value.indexOf(" ") < 0 && value != ""; }, "No space allowed"); $("#signupForm").validate({ rules: { username: { required: "Please enter a username", minlength: "Your username must consist of at least 2 characters", noSpace: true } } });