web-dev-qa-db-ja.com

AngularJS：米国形式で日付を検証する方法は？

AngularUIを使用して日付を入力できる次のフォームコードがあります（日付は必須であり、米国の日付形式と一致する必要があります（例：MM/DD/YY））。

<form name="form" ng-submit="createShipment()">
    <!-- Shipment Date must be in MM/DD/YY format: -->  
    <input name="shipmentDate" 
          ng-pattern='/^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/'
          ui-date="{ dateFormat: 'mm/dd/y' }" required ng-model="shipment.ShipmentDate" type="text">
    <span ng-show="form.shipmentDate.$error.required">Date Required!</span>
    <span ng-show="form.shipmentDate.$error.pattern">Incorrect Format, should be MM/DD/YY!</span>

    <input class="btn-primary" ng-hide="!form.$valid" type="submit" value="Create">
</form>

必須フィールドの検証は正常に機能しますが、日付形式が正しく検証されておらず、常に'Incorrect Format ...'メッセージが表示されます。

他の場所で正常に機能するいくつかの異なる正規表現を試しましたが、それでも機能しません。また、AngularUI検証を試しましたが、どちらも機能しません。前もって感謝します！

更新：

検証は使用したAngularUIdatepickerと競合していると思いましたが、datepickerはとにかく日付を自動修正するため、datepickerを使用しない場合は、正規表現が機能する限り検証が機能し、datepickerを使用する場合は、他の検証はあまり必要ありません。

javascriptvalidationdateangularjsangular-ui
11
mikhail-t

受け入れられた答えは私にはうまくいきません。私はに変更しました：

^(0?[1-9]|1[012])\/(0?[1-9]|[12][0-9]|3[01])\/((19\d{2})|([2-9]\d{3}))$

それ以外の場合は、1990年以降に生まれた人だけが応募する必要があります！

2
Will Sadler

あなたのng-patternは フィドル で動作しましたが、私が作成しましたが、1993年0月9日や1993年2月19日などの誤った日付が許可されます。

より良いパターンは次のとおりです:(注：@WillSadlerの回答に一致するように更新されました）

^(0?[1-9]|1[012])\/(0?[1-9]|[12][0-9]|3[01])\/((19\d{2})|([2-9]\d{3}))$

フィドル 。

20
Mark Rajcok