简体   繁体   中英

Remove whitespace from beginning and end of string of all textbox present in a webpage using jQuery or javascript

Is it possible to remove whitespace from beginning and end of an string from all the textfields present in a webpage(or jsp page) using jQuery or javascript. For example .Suppose I have 50 textfields in a page and I want to check all these textfields for whitespace(beginning and end).I don't find it to be a good idea to call the function for every textfield individually. How can I do it without calling a function for each textfield.

Please suggest.

Can just use val() with a callback argument. It will loop over all elements for you:

$('input[type=text]').val(function( index, originalValue){
     return $.trim(originalValue);
});

val() API docs

Get all the inputs from the page using jquery then run a loop, and for each element trim the value

<body>
    <input type="text" value="   abc    " >
    <input type="text" value="   def    " >   
    <input type="button" id="remove" value="Remove">
    <script type="text/javascript">
        $(document).ready(function(){
            $('#remove').click(function(){
                var inputs = $('input[type=text]');
                $.each(inputs, function(index,input){
                    $(input).val($(input).val().trim()) 
                });
            });
        });
    </script>  
</body>        

You can execute this code:

$('input[type=text]').each(function (i, e) {
    var $this = $(e);
    $this.val($this.val().trim());
});

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM