如何允许用户仅输入数字和字母？

Sue 发表于 Dev

起诉

我知道使用正则表达式，但是有可能不使用它吗？这是我的模态形式的文本字段用户名。我想允许用户仅输入数字和字母，不包括空格和特殊字符。

<div class="form-group has-feedback" ng-class="addUser.username.$valid ? 'has-success' : 'has-error';">
 <label class="control-label" for="username">Username</label>
  <input class="form-control" name="username" ng-model="user.username" required>
   <span class="glyphicon form-control-feedback" ng-class="addUser.username.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span>
</div>

这是控制器部分。

    $scope.users = [{
    username: "a"
}];


$scope.addUser = function(user) {
    $dialog.open({
        showClose: false,
        closeByEscape: true,
        template: 'views/user/user-user-add.html',
        controller: ['$scope', function($dialogScope) {
            $dialogScope.isLoading = false;
            $dialogScope.errorMessage = "";
            $dialogScope.title = "New User";
            $dialogScope.user = {
                username: ""

            };

感谢有人能帮助我。

CodeMonkey

像这样做

$(function() {
    $('#username').on( 'keydown', function( e ) {
        if( !$( this ).data( "value" ) )
             $( this ).data( "value", this.value );
    });
    $('#username').on( 'keyup', function( e ) {
        if (!/^[_0-9a-z]*$/i.test(this.value))
            this.value = $( this ).data( "value" );
        else
            $( this ).data( "value", null );
    });
});

id="username"也请向您的文本字段添加属性。

现场演示

编辑

如果您有多个用户名字段，请不要id="username"使用class="username"并将Javascript更改为$('.username')。因此，它将在多个文本字段上工作。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。