Escape html和whitespace？

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