输入文本所需模式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

回答

相关问题