1

我有一个使用 AngularJS Material 编码的表单，并想添加一些表单验证。以下是我的代码片段：

  <form name="hrRequestForm">
    <div layout="row">
        <md-input-container class="md-block" flex-gt-xs>
            <label>Title</label>
            <input name="textInput" id="textInput" ng-model="inputVal" required>
            <div ng-message="hrRequestForm.textInput.$error" role="alert">
                <div ng-message="required">This is required.</div>
            </div>
        </md-input-container>
    </div>
</form>

当我单击输入并留下它而不输入任何内容时，验证工作。发生这种情况时，错误信息出现在输入下方，输入变为红色，完美。

如果我打开表格并简单地按提交而不填写任何内容，则不起作用。我希望这种情况也会点亮错误消息，但没有任何反应。

我读过很多帖子说要在标签上添加novalidate和。我已经尝试过了，它仍然没有任何作用。目前，我有一个带有 a 的 md 按钮，并且正在通过 jquery 破解一些验证错误样式：ng-submit<form>ng-click = "c.submit()"

c.submit = function(){
    var validEntry = true;
    if($('#textInput').val() == ''){
        $('#textInput').css('border-color', 'rgb(221,44,0)');   
        validEntry = false;
    }

虽然这可行，但并不理想，我只是很好奇为什么我的验证不起作用。有人可以指导我正确的方向吗？谢谢！

4

0 回答 0