Javaスクリプトまたは角度jsで.rwファイル検証を実行するには？

Question

このコードは黒いスペースの検証が成功しましたが、ボタンのクリック中に.rwファイルの検証が[TypeError：$ scope.defaultMsrPath.containsは関数ではありません]というエラーを表示していません < ------- --------------- HTMLファイル---------------->

<form name="myformA" novalidate>  

<div class="modal-body"> 
<h4>Enter the path to save the CPU MSR Information</h4> 
<input type="text" name="myFieldA" ng-model="defaultMsrPath" required=required class="input-large searchPath"> 
<p ng-show="showMsgA && myformA.myFieldA.$error.required" style="color:#b22727">Above field should not be empty</p> 
</div> 

<div class="modal-footer"> 
    <button type="button" class="btn" ng-click="cpuMsrSavePath()">Save</button> 
    <button type="button" class="btn" data-dismiss="modal">Cancel</button> 
</div> 

</form> 

< -------- --------。JSファイル----------------->

$scope.showMsgA = false; 

$scope.cpuMsrSavePath = function(){ 

    if (!$scope.myformA.$valid) { 
     $scope.showMsgA = true; 
     }else if ($scope.defaultMsrPath.contains('.rw')&& $scope.myformA.$valid){ 
      alert(); 
     } 

} 

Answer 1

更新回答

あなたはファイル入力フィールドに

を使用している場合、HTMLファイル内

、あなたに1以下cpuMsrSavePath機能

<button type="button" class="btn" ng-click="cpuMsrSavePath(defaultMsrPath)">Save</button> 

とJSファイルに

$scope.cpuMsrSavePath = function(defaultMsrPath){ 
if (!$scope.myformA.$valid) { 
    $scope.showMsgA = true; 

    }else if (defaultMsrPath.contains('.rw')&& $scope.myformA.$valid){ 
     alert(); 
    } 

} 

をdefaultMsrPath変数を渡すには、次のことが可能ですこのようにあなたのHTMLを変更してください

<input type='file' class="form-control" ngChange='onChange($event)' multiple='false' name='file' > 

次にonChange関数ハンドルの検証（私はlodash _.endsWith(_.toLowerを使用しています）あなた自身で試すことができます。

onChange(event) { 
    this.fileElement = event.srcElement; 
    let files = this.fileElement.files; 
     if(!_.endsWith(_.toLower(files[0].name), '.rw')) { 
      // not .rw file 
     } 
} 

Answer 2

私は

var fname = "the file name here.xml"; 
var re = /(\.xml|\.rw|\.csv|\.html)$/i; 
if(!re.exec(fname)) 
{ 
alert("File extension not supported!"); 
} 
else 
{ 
alert("supported") 
}