Question

是否可以使用jQuery或javascript从网页（或jsp页面）中存在的所有文本字段中删除字符串开头和结尾的空格。例如。假设我在一个页面中有50个文本字段，我想检查所有这些文本字段的空白（开头和结尾）。我不觉得为每个文本字段单独调用该函数是个好主意。如果不为每个文本字段调用函数，我怎么能这样做。

请建议。

Answer 1

可以将val()与回调参数一起使用。它会循环遍历所有元素：

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

<强> val() API docs

Answer 2

使用jquery从页面获取所有输入然后运行循环，并为每个元素修剪值

<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>

Answer 3

您可以执行此代码：

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

使用jQuery或javascript从网页中存在的所有文本框的字符串的开头和结尾删除空格

3 个答案: