Trimming in Jquery

Question

      function ShowEditBox(serial) 
    {

        $("#divEditBox").slideDown("medium");
        var pserial ='PName'+ serial;
        var colindex = 0;
        var $tr = $("#" + pserial).parent().parent();

        $tr.find('td').each(function () {

            if (colindex == 2) {
                $("#txtName").val($(this).text());

            } else if (colindex == 3) {
                $("#txtSurName").val($(this).text());

            } else if (colindex == 4) {
                $("#txtEmail").val($(this).text());

            } else if (colindex == 5) {

                $("#txtMobile").val($(this).text());
            } else if (colindex == 6) {

                $("#txtAddress").val($(this).text());
            }

            colindex++;


        })

        $("#hdField").val(serial);
    }

Whenever i click the edit button in grid view that particular row data should be displayed in text boxes. But here i am getting unnecessary spaces in text boxes. How can i trim the spaces in the Text box(txtName) ?? I am getting spaces in text .

Did you search for "trim javascript" ? – Denys Séguret Mar 21 '14 at 07:20 — Denys Séguret, Mar 21 '14 at 07:20
[$.trim()](https://api.jquery.com/jQuery.trim/) – Amit Soni Mar 21 '14 at 07:21 — Amit Soni, Mar 21 '14 at 07:21

score 2 · Answer 1 · answered Mar 21 '14 at 07:20

2

Try to use $.trim("string"),

 $("#txtName").val($.trim($(this).text()));

answered Mar 21 '14 at 07:20

Rajaprabhu Aravindasamy

66,513
17
101
130

score 2 · Answer 2 · answered Mar 21 '14 at 07:20

use trim() function of javascript

for jquery look at here Trim Look at here

example

var str = "         lots of spaces before and after         ";
$( "#original" ).html( "Original String: '" + str + "'" );
$( "#trimmed" ).html( "$.trim()'ed: '" + $.trim(str) + "'" );

score 1 · Accepted Answer · answered Mar 21 '14 at 07:26

1

Use javascript trim() method.

$("#txtName").val($(this).text().trim());

answered Mar 21 '14 at 07:26

Mohit Pandey

3,679
7
26
38

score 0 · Answer 4 · answered Mar 21 '14 at 07:32

  function ShowEditBox(serial) 
    {

        $("#divEditBox").slideDown("medium");
        var pserial ='PName'+ serial;
        var colindex = 0;
        var $tr = $("#" + pserial).parent().parent();

        $tr.find('td').each(function () {

            if (colindex == 2) {
                $("#txtName").val($.trim($(this).text()));

            } else if (colindex == 3) {
                $("#txtSurName").val($.trim($(this).text()));

            } else if (colindex == 4) {
                $("#txtEmail").val($.trim($(this).text()));

            } else if (colindex == 5) {

                $("#txtMobile").val($.trim($(this).text()));
            } else if (colindex == 6) {

                $("#txtAddress").val($.trim($(this).text()));
            }

            colindex++;


        })

        $("#hdField").val(serial);
    }

Trimming in Jquery

4 Answers4