Javascript ';必需的';使用xeditable和angualrjs验证工作不正常

Javascript ';必需的';使用xeditable和angualrjs验证工作不正常,javascript,html,angularjs,validation,x-editable,Javascript,Html,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}

我正在与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>

控制器调用数据库并保存标题


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

默认情况下,angularjs会修剪ng模型的内容。。您需要在元素上使用ng trim=“false”

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


我想OP想要的是相反的答案。如果答案对你有帮助,你能接受吗