www.webdeveloper.com
Results 1 to 3 of 3

Thread: Code to remove extra white spaces

  1. #1
    Join Date
    Nov 2009
    Posts
    1

    Thumbs up Code to remove extra white spaces

    This piece of code removes extra white spaces and replaces with a single white space. Hope the following piece of code might be useful to someone. If there are any alternative ways, please post it.


    <SCRIPT LANGUAGE="JavaScript" type="text/javascript">
    function trimExtraSpaces (theField)
    {
    var trimValue = "";
    theField.value = theField.value.toUpperCase();
    trimValue= theField.value;

    trimValue = trimValue.replace(/\s+/g," ");
    trimValue = trimValue.replace(/^\s+|\s+$/g,"");

    theField.value = trimValue;
    }
    </script>

    <html>
    <body>
    <form name="test_form">
    <input type="text" name="text" value=" The World of JAVA Programming Language " onblur="trimExtraSpaces(this)"/>
    </form>
    </body>
    </html>

  2. #2
    Join Date
    Aug 2009
    Posts
    593
    Could do it all at once:

    HTML Code:
    <input type="text" name="text" value=" The World of JAVA Programming Language " onblur="this.value = this.value.replace(/\s\s+/g, ' ').replace(/^\s+|\s+$/g, '');" />
    Or you could use a prototype:

    Code:
    <script type="text/javascript">
    
    	String.prototype.trimAll = function()
    	{
    		return this.replace(/\s\s+/g, ' ').replace(/^\s+|\s+$/g, '');
    	};
    
    	alert("   This    is a test  ".trimAll());
    
    </script>
    
    <input type="text" value="   This    is a test  " onblur="this.value = this.value.trimAll();" />
    Last edited by thraddash; 11-13-2009 at 06:55 AM.

  3. #3
    Join Date
    Dec 2008
    Posts
    488
    jQuery is even easier, but requires jQuery to be installed, obviously. If you already have jQuery, it already includes a trim() function

    HTML Code:
    <input type="text" value="         this      is    a test" onblur="this.value=jQuery.trim(this.value)" />
    http://docs.jquery.com/Utilities/jQuery.trim
    Last edited by jamesbcox1980; 11-13-2009 at 05:46 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles