輸入文本所需模式a href

我有幾個輸入文本字段，我在其上應用了必需的和模式，我使用帶ng-click的<a>來保存更改，樣式在UI上運行良好，當輸入值不符合元素變紅的要求，但用戶仍然可以點擊<a>。我希望能夠做兩件事情之一，要麼當輸入元素無效或在saveinfo（）函數中禁用<a>，我希望能夠驗證輸入值而不必重複模式和或必需。輸入文本所需模式a href

這裏的HTML是什麼樣子：

<input type="text" ng-model="Name" required pattern="[a-zA-Z -]+" /> 
<input type="text" ng-model="Description" required /> 
<a ng-click="saveinfo()"><img src="./img/save.svg" /></a>

來源

2014-06-20 user3760502

這可能有所幫助：http://stackoverflow.com/questions/15 300067/disable-submit-button-when-form-invalid-with-angularjs – Jop

爲什麼不將ng-disabled ='form。$ invalid'添加到您的錨標記中？ – pixelbits

感謝提示傢伙，我的問題是我沒有將這些元素包裝在一個表單中，一旦我做到了，我就可以開始工作。再次感謝。 – user3760502

您可以在等，其中formName錨標記使用ng-disabled='formName.$invalid'是形式的名稱<form name="formName"></form>

<a ng-disabled='formName.$invalid' ng-click="saveinfo()"><img src="./img/save.svg" /></a>

，或者你可以檢查它裏面的功能as

$scope.saveinfo= function(isValid) { 

     // check to make sure the form is completely valid 
     if (isValid) { 
     alert('our form is amazing'); 
     } 

    }; 

<a ng-click="saveinfo(formName.$valid)"><img src="./img/save.svg" /></a>

來源

2018-03-07 05:47:26

輸入文本所需模式a href

回答

相關問題