小写输入答案

【问题标题】：Lowercase the input小写输入
【发布时间】：2017-06-03 05:19:11
【问题描述】：

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

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

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

【问题讨论】：

@Daryuska。有一个类似的问题，回答here
将onsubmit="validate(this)" 添加到您的<form> 并添加功能。在里面，改变输入的值。

标签： javascript html angularjs routing

【解决方案1】：

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

在将字符串放入链接之前，您可以在字符串上调用 toLowerCase

【讨论】：

【解决方案2】：

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

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

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

或者在控制器中使用$watch 来观察输入变量：

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

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

【讨论】：