javascript - 小写输入

Question

我有一个输入，提交它，形成“ Action ”到另一个页面，参数等于这个输入。

但是我需要在输入到参数之前将输入小写。我该怎么做？

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

Answer 1

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

像这样即时将文本更改为小写:

<input type="text" ng-model="text" ng-change="text = text.toLowerCase()">

或者在 Controller 中使用 $watch 来观察输入变量:

$scope.$watch('text', function(val) {
   $scope.text= $filter('lowercase')(val);
}, true);`

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