'#要求39;使用x editable和angularjs验证无法正常工作

时间:2014-07-25 15:38:04

标签: javascript html5 angularjs validation x-editable

我正在与AngualarJS合作,我有一个文本框,我正在实施xeditable

<div id="editableTitle">
                <a href="#"  editable-text="template.title" e-required e-placeholder="Enter Unique Title" e-maxlength="30" onaftersave="updateTitle()">{{template.title}}</a>
            </div>

Controller调用数据库并保存标题。

我的问题是,当我从文本框中删除内容时,它会显示绝对正确的“必填字段”验证消息....但是当我从文本框中删除内容并添加空格时...验证失败,它接受“BLANK”内容......这不应该发生,对于这种情况......它应该始终显示“必填字段”验证消息。

1 个答案:

答案 0 :(得分:0)

默认情况下,

angularjs会修剪ng-model的内容..你需要在你的元素上使用 ng-trim =&#34; false&#34;

<a href="#"  ng-trim="false" editable-text="template.title" e-required e-placeholder="Enter Unique Title" e-maxlength="30" onaftersave="updateTitle()">{{template.title}}</a>