2017-01-18 66 views
1

我有一個輸入,提交它,形成「actions」到另一個帶參數的頁面,即等於這個輸入。小寫輸入

但我需要在輸入到參數之前將其小寫。 我該怎麼做?

無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 
+0

@Daryuska。有一個類似的問題,回答[這裏](http://stackoverflow.com/questions/22894328/convert-input-text-to-lowercase-on-submitting-a-form?rq=1) – JVM

+0

添加'onsubmit = 「驗證(this)」到你的'

'並添加該函數。在裏面,改變輸入的值。 –

回答

3

有多種方式可以做到這一點。取決於你喜歡什麼。這裏有一些想法:

更改爲小寫飛這樣的文字:

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

或者使用$watch在你的控制器來觀看輸入變量:

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

或方法@ JVM在註釋中提到了在提交表單之前將文本轉換爲小寫字母的地方。