Jquery validation code for not allowed only blank space in textbox

Question

i m looking for code in which for not allowed only blank space... for e.g i have one textbox and i have tried this

$(document).ready(function()
{  
   $("#mybutton").live('click',function() 
   {
     var txt_family_name=$("#mytextbox").val();
     if(txt_family_name =="" || txt_family_name ==null)
     {
       alert("null"); 
     }
     else
     {
       alert("not null");
     }
   });
});

this above code i have tried and its not working. so pls help me on that.. on one of my button i m calling this above code

Example : space....with any text -- output should be not null : space space.... any space without any other text -- output should be null

suppose i m entering only blank space than i m getting "not null" alert — Mahendra Pumbhadiya
– Mahendra Pumbhadiya, Commented Apr 9, 2015 at 11:59
Please do not use the jquery-validate tag when you're not using the jQuery Validate plugin. Edited. Thanks. — Sparky
– Sparky, Commented Apr 9, 2015 at 14:54

Arpita Shekhar · Accepted Answer · 2015-04-09 11:55:27Z

2

you can use the length attribute and the trim method to remove the trailing spaces, if any: 

$("#mybutton").on('click',function() 
   {
     var length = $.trim($("#mytextbox").val()).length;
     if(length == 0)
     {
       alert("null"); 
     }
     else
     {
       alert("not null");
     }
   });

answered Apr 9, 2015 at 11:55

Arpita Shekhar

735 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reena · Accepted Answer · 2015-04-09 12:02:00Z

1

See the updated code it's working

$(document).ready(function()
{  
$("#clickme").on('click',function() 
{
  var txt_family_name=$.trim($("#mytextbox").val());
 if(txt_family_name ==="" || txt_family_name ===null)
 {
   alert("null"); 
 }
 else
 {
   alert("not null");
 }
});
});

answered Apr 9, 2015 at 12:02

Reena

1,1199 silver badges17 bronze badges

Comments

Amul · Accepted Answer · 2017-06-28 06:20:23Z

Jquery Validation : require method only check the length of the input. So it allow the blank space.The solution will be the simple change the one line code in it.

required: function( value, element, param ) {

        // Check if dependency is met
        if ( !this.depend( param, element ) ) {
            return "dependency-mismatch";
        }
        if ( element.nodeName.toLowerCase() === "select" ) {

            // Could be an array for select-multiple or a string, both are fine this way
            var val = $( element ).val();
            return val && val.length > 0;
        }
        if ( this.checkable( element ) ) {
            return this.getLength( value, element ) > 0;
        }
        return value.length > 0;
    }

in above code change value.length to $.trim(value).length so simply remove the blank space

Kara · Accepted Answer · 2015-09-15 00:28:01Z

0

you can use regexp.

$(document).ready(function() {
  $("#mybutton").bind('click', function() {
    var txt_family_name = $("#mytextbox").val();
    if (txt_family_name.replace(/\s/g, '') == "") {
      alert("null");
    } else {
      alert("not null");
    }
  });
});

edited Sep 15, 2015 at 0:28

Kara

6,23616 gold badges54 silver badges58 bronze badges

answered Apr 9, 2015 at 12:15

Richard-Xie

1

Comments

ashwini · Accepted Answer · 2018-05-15 14:20:31Z

0

//To add method to remove blankspaces

$.validator.addMethod("blankSpace", function(value) { 
  return value.indexOf(" ") < 0 && value != ""; 
});

answered May 15, 2018 at 14:20

ashwini

3753 silver badges9 bronze badges

Collectives™ on Stack Overflow

Jquery validation code for not allowed only blank space in textbox

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related