Angular.jsを使ってngパターンで+と - をつける方法

Question

助けが必要です。私はアルファ数値を取らず、Angular.jsを使ってnumbers,+,-,.を取るべきである1つのテキストフィールドを持っています。私は以下のコードを説明しています。このフィールドは-122.32379000000003のような値を有している

<div ng-class="{ 'myError': billdata.lati.$touched && billdata.lati.$invalid }"> 
<input type="text" name="lati" id="latitude" class="form-control oditek-form" placeholder="Add Latitude coordinate" ng-model="latitude" ng-keypress="clearField('businessno');" ng-pattern="/^[0-9]+([,.][0-9]+)?$/"> 
</div> 

しかし、ここで問題があり、私はこのフィールドを必要とするmessage.hereそのエラーを示すことnumbers,+,- and .空白を受け入れることができ、また英数字値で許可されていません。私を助けてください。要件を満たすために

Answer 1

使用/^[.+-]?[0-9]+([,.][0-9]+)?$/

Answer 2

、あなたは以下のパターン

ng-pattern="/^[0-9]{1,7}$/" 

を使用することができます。例：

<div ng-class="{ 'myError': billdata.lati.$touched && billdata.lati.$invalid }"> 
<input type="text" name="lati" id="latitude" class="form-control oditek-form" placeholder="Add Latitude coordinate" ng-model="latitude" ng-keypress="clearField('businessno');" ng-pattern="/^[0-9]{1,7}$/"> 
</div> 

希望これはあなたを助けます。

Answer 3

変更ng-pattern="/^([\-\+0-9]{0,1})(\.?[0-9])*$/"

どこ+できます^([\-\+0-9]{0,1})、とあなたNG-パターンの正規表現 - 最初の文字

<form name="myForm"> 
     <div ng-class="{ 'myError': billdata.lati.$touched && billdata.lati.$invalid }"> 
      <input type="text" ng-pattern="/^([\-\+0-9]{0,1})(\.?[0-9])*$/" name="lati" id="latitude" class="form-control oditek-form" placeholder="Add Latitude coordinate" ng-model="latitude" ng-keypress="clearField('businessno');" > 
     </div> 
     <label ng-show="myForm.lati.$error.pattern">Error</label> 
    </form>