エスケープHTMLと空白？

Question

ユーザー入力は$scope.userInputに保存されます。ユーザーが入力に何かを入力したかどうかを確認したいが、空白とHTMLタグを無視し、他の種類の入力のみをチェックしたい。

どうすればいいですか？

Answer 1

// Input string 
$scope.userInput = "<h1>My input</h1>"; 

// Removed HTML tags from the string. 
var removedTagStr = $scope.userInput.replace(/(<([^>]+)>)/ig,''); 

// Removed the white spaces from the string. 
var result = removedTagStr.replace(/ /g,''); 

console.log(result); // Myinput 

正規表現 (<([^>]+)>)の

説明：

---------------------------------------------------------------------- 
(      group and capture to \1: 
---------------------------------------------------------------------- 
<      '<' 
---------------------------------------------------------------------- 
(      group and capture to \2: 
---------------------------------------------------------------------- 
[^>]+     any character except: '>' (1 or more 
         times (matching the most amount 
         possible)) 
---------------------------------------------------------------------- 
)      end of \2 
---------------------------------------------------------------------- 
>      '>' 
---------------------------------------------------------------------- 
)      end of \1 
---------------------------------------------------------------------- 
)      end of grouping 
---------------------------------------------------------------------- 

ワーキングデモ：

var myApp = angular.module('myApp',[]); 
 

 
myApp.controller('MyCtrl',function($scope) { 
 
    $scope.userInput = "<h1>My input</h1>"; 
 

 
var removedTagStr = $scope.userInput.replace(/(<([^>]+)>)/ig,''); 
 

 
$scope.result = removedTagStr.replace(/ /g,''); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    {{result}} 
 
</div>

Answer 2

を使用できNGパターン

例：

http://learnkode.com/Examples/Angular/Ng-Pattern

Answer 3

var regex = /(<([^>]+)>)|\s/ig; 
 
var string = "Test white space and <p>HTML tags</p>"; 
 
var result = string.replace(regex, ""); 
 
console.log(result); // TestwhitespaceandHTMLtags