小写输入

时间:2017-01-18 17:42:41

标签: javascript html angularjs routing

我有一个输入,提交它,将“动作”形成另一个带参数的页面,等于此输入。

但是我需要在输入到参数之前小写输入。 我怎么能这样做?

没有CSS代码......

<form action='board.html'>
                <h2 align="left">Введите имя пользователя:</h2>
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">@</span>
                    <input id="golos-username-search" ng-change="golosBoard.username_lowercase()" type="text" name="user" class="form-control" aria-describedby="basic-addon1" placeholder="Имя пользователя">
                    <span class="input-group-btn">
                        <button class="btn btn-default"  type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </span>
                </div>
            </form>

即使我输入“QWERTY”,链接也必须如下:

link.com/board.html?user=qwerty

2 个答案:

答案 0 :(得分:3)

有多种方法可以做到这一点。取决于你喜欢什么。以下是一些想法:

将文本改为小写,如下所示:

$watch

或者在控制器中使用$scope.$watch('text', function(val) { $scope.text= $filter('lowercase')(val); }, true);` 来观察输入变量:

{{1}}

或@JVM在评论中提到的方法,在您提交表单之前将文本转换为小写。

答案 1 :(得分:0)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase

在将字符串放入链接

之前,您可以在字符串上调用toLowerCase