Question

我有一个字段： -

 <div class="row" style="margin-left: 30px">
      <div style="display: inline-block;">
           Name: 
      </div>
      <div style="display: inline-block; margin-left: 28px; width: 383px;">
           <input type="text" data-ng-model="currentUser.Name" required>
      </div>
</div>

我的表单中的提交按钮： -

<button data-ng-click="addNew(currentUser)" class="btn btn-primary" type="button">Add New User</button>

是type = button ...这是因为我想避免回发....但是这导致了我的HTML5代码中所需字段应该如何表现的问题....这是是说我必须在Javascript中实现自定义错误检查？如果是这样，任何人都可以告诉我如何做到这一点，因为我已经在我的提交按钮上定义了一个点击功能......

Answer 1

你也可以使用这段代码：

<form onsubmit="return validate()">
    <div class="row" style="margin-left: 30px">
        <div style="display: inline-block;">Name: </div>
        <div style="display: inline-block; margin-left: 28px; width: 383px;">
            <input type="text" data-ng-model="currentUser.Name" required>
        </div>
    </div>
    <button data-ng-click="addNew(currentUser)" class="btn btn-primary" type="submit">Add New User</button>
</form>

和JavaScript功能：

function validate() {
    // validation logic or whatever you want
    return true; // return false; in case of validation error
}

正如评论中提到的@dfsq一样，novalidate网站上的Angular属性和手动验证是优先考虑的方式。

HTML5必填字段，但不是＆＃39;提交＆＃39;按钮类型

1 个答案: