只允许输入一定数量的字符 angularjs/ionic
Only allow certain number of characters to type in angularjs/ionic
我有这个文本字段,我需要阻止用户输入超过允许的字符。假设我希望用户只输入 10 个字符,如果他输入更多字符,文本字段将不会占用 it.It 在达到字符限制后必须停止输入..
我知道有 ng-maxlength 但它不会阻止用户输入超过允许的字符,尽管我可以给出错误消息。有没有办法做到这一点。
我的文本字段
<div class="form-group" ng-class="{ 'has-error' : submitted && (thirdPartyForm.beneAcc.$pristine || thirdPartyForm.beneAcc.$invalid )}">
<label class="labelColor"><h5><b>Beneficiary Account/Card Number*</b></h5></label>
<input ng-keyup="validateCreditCard();" onkeypress="return ((event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || event.charCode == 8 || event.charCode == 45 || event.charCode == 32 || (event.charCode >= 48 && event.charCode <= 57))" type="{{inputType}}" ng-click="inputClick()" id="beneAcc" name="beneAcc" ng-model="data.beneAcc" class="form-control" ng-blur="validateDesitinationAccount(data.origin, data.beneAcc);" required>
<span class="help-inline" ng-show="submitted && (thirdPartyForm.beneAcc.$pristine || thirdPartyForm.beneAcc.$invalid )">Beneficiary Account No cannot be left blank.</span>
<span class="help-inline" ng-show="validateAccFlag" style="color:red" >{{validateMsgStr}}</span>
<span class="help-inline" style="color:red;" ng-if="LkrValidation">You cannot transfer Sri Lankan Rupees to foreign currency accounts.</span>
<span class="help-inline" style="color:red;" ng-show ="accountNoFlag">{{accountNoValidateMsg}}</span>
</div>
这是来自他们的文档。
<input type="text"
ng-model=""
[name=""]
[required=""]
[ng-required=""]
[ng-minlength=""]
[ng-maxlength=""]
[pattern=""]
[ng-pattern=""]
[ng-change=""]
[ng-trim=""]>
你会想要这样做:
<input type="text" maxlength="10"/>
如果你想将输入限制在特定长度,那么使用 maxlength 而不是
ng-最大长度。
<input ng-model="num1" type="text" maxlength="3"></input>
使用maxlength
例如:maxlength="10"
还有 ng-trim="false"
白伯爵 space。
我有这个文本字段,我需要阻止用户输入超过允许的字符。假设我希望用户只输入 10 个字符,如果他输入更多字符,文本字段将不会占用 it.It 在达到字符限制后必须停止输入..
我知道有 ng-maxlength 但它不会阻止用户输入超过允许的字符,尽管我可以给出错误消息。有没有办法做到这一点。
我的文本字段
<div class="form-group" ng-class="{ 'has-error' : submitted && (thirdPartyForm.beneAcc.$pristine || thirdPartyForm.beneAcc.$invalid )}">
<label class="labelColor"><h5><b>Beneficiary Account/Card Number*</b></h5></label>
<input ng-keyup="validateCreditCard();" onkeypress="return ((event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || event.charCode == 8 || event.charCode == 45 || event.charCode == 32 || (event.charCode >= 48 && event.charCode <= 57))" type="{{inputType}}" ng-click="inputClick()" id="beneAcc" name="beneAcc" ng-model="data.beneAcc" class="form-control" ng-blur="validateDesitinationAccount(data.origin, data.beneAcc);" required>
<span class="help-inline" ng-show="submitted && (thirdPartyForm.beneAcc.$pristine || thirdPartyForm.beneAcc.$invalid )">Beneficiary Account No cannot be left blank.</span>
<span class="help-inline" ng-show="validateAccFlag" style="color:red" >{{validateMsgStr}}</span>
<span class="help-inline" style="color:red;" ng-if="LkrValidation">You cannot transfer Sri Lankan Rupees to foreign currency accounts.</span>
<span class="help-inline" style="color:red;" ng-show ="accountNoFlag">{{accountNoValidateMsg}}</span>
</div>
这是来自他们的文档。
<input type="text"
ng-model=""
[name=""]
[required=""]
[ng-required=""]
[ng-minlength=""]
[ng-maxlength=""]
[pattern=""]
[ng-pattern=""]
[ng-change=""]
[ng-trim=""]>
你会想要这样做:
<input type="text" maxlength="10"/>
如果你想将输入限制在特定长度,那么使用 maxlength 而不是 ng-最大长度。
<input ng-model="num1" type="text" maxlength="3"></input>
使用maxlength
例如:maxlength="10"
还有 ng-trim="false"
白伯爵 space。