2014-02-10 39 views
1

我有一個需要驗證的textarea。如果textarea無效,則應禁用按鈕。我試圖使用ngPattern來驗證該textarea,但它似乎並沒有工作。我的示例代碼如下:angularjs ng-pattern對textarea不起作用

<div ng-app="test"> 
<form name="theForm" ng-controller="FormCtrl" novalidate="novalidate" autocomplete="off"> 
    <textarea ng-pattern="\b(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b, \d{1,5}, (external|internal)"></textarea> 
    <button ng-disabled="theForm.$invalid" ng-click="action()">Action</button> 
</form> 
</div> 

http://jsfiddle.net/sYyf2/7/

在箱應該是 「(IP地址),(口),(內部|外部)」 的圖案,其中(端口)之間的數字1和5位數字。

回答

2

使用正斜槓/的收官之表達這樣

ng-pattern="/ ..you regexp.. /" 
+2

也可以增加NG-模型屬性的文本區域。 –