Question

我有一个输入字段name。我在其中添加了ng-model，其默认值为“输入您的姓名”。但现在表单提交按钮已启用。如何防止提交按钮启用默认值？

这是我的代码：

var app = angular.module（'plunker'，[]）;

app.controller('MainCtrl', function($scope) {

  $scope.field = {};

  $scope.field.name="Enter your Name"; //because of default value form enables.


});

HTML：

<form name="myForm">

      <input type="text" name="name" id="name" ng-model="field.name" required>

      <button type="submit" ng-disabled="myForm.$invalid" >Submit</button>

    </form>

Live Demo

Answer 1

使用placeholder代替name。它具有预期的效果而没有上述后果。

<input type="text" name="name" id="name" placeholder="Enter your name" ng-model="field.name" required>

Answer 2

使用这个＆＃39; jugad＆＃39;

 <button type="submit" ng-disabled="field.name=='Enter your Name'">Submit</button>

如何使表单与默认的'ng-model'保持一致

2 个答案: