有没有办法限制AngularJS中$ mdDialog.prompt()中的文本输入长度?

时间:2017-10-05 21:13:28

标签: angularjs

这一切都在标题中。光标撞到墙壁(可以这么说)会比关闭对话框要好得多,检查输入长度,然后告诉用户他们必须再次输入所有内容,只需要更少的文字,因为它们输入的内容太多了。

2 个答案:

答案 0 :(得分:0)

我有点解决验证问题,我不明白,但只是将输入的文本传回模型

        $scope.generateUpdatedDocumentButtonClicked = function (ev, textContentValue) {
        var versionNumber = $scope.data.Version + 0.1;

        var confirm = $mdDialog.prompt()
            .title('New Test Document Version')
            .textContent(textContentValue)
            .initialValue(versionNumber)
            .targetEvent(ev)
            .required(true)
            .ok('Generate')
            .cancel('Cancel');

        $mdDialog.show(confirm).then(function (result) {
            if (//validate to be true) {
                $scope.generateUpdatedDocument(result);
            } else
            {
                $scope.generateUpdatedDocumentButtonClicked(ev, 'Value Invalid');
            }

        }, function () {
            alert('Cancel Clicked');
        });
    }

对函数的初始调用将传入一个空字符串。 再次,这不是很好,但解决我的问题

答案 1 :(得分:0)

您可以使用HTML5 maxLength 输入功能阻止输入超过N个符号

<input type="text" maxlength="5">

因此,用户将无法输入超过5个符号作为示例。