Javascript - Erkennen von Tags und überprüfen maxlength

Question

Ich möchte Text in Tags mit Dummy-Werten in Javascript Textfeld konvertieren. Textfeld hat maxlength von 20. Wie der Benutzereingabe einige Werte, wird es prüfen, ob es maxlength von 20 erreicht

Wenn eine Benutzereingabe der folgende:

This is value <VALUE_1> 

Es wird Dummy-Wert ersetzen „, 12 “, und prüfen sie, ob die maxlength von 20 überschreiten folgende

This is value 12 

verwende ich onkeyup zu der Eingabe des Benutzers als Benutzereingabe zu erkennen, aber wie soll ich das Tag erfassen tun, konvertieren und vergleichen, wenn sie maxlength erreicht 20?

Answer 1

Dies funktioniert:

var textInput = document.getElementById("text"); 
 
var dummyInput = document.getElementById("dummy"); 
 
var resultSpan = document.getElementById("replaced"); 
 
text.addEventListener("keyup", function(e){ 
 
    var dummy = dummyInput.value; 
 
    var text = textInput.value 
 
    var result = text.replace("<VALUE_1>", dummy); 
 
    if(result.length <= 20){ 
 
    resultSpan.innerText = result; 
 
    } else { 
 
    resultSpan.innerText = "too long!"; 
 
    } 
 

 
});

<label for="dummy">Dummy value:</label> 
 
<input type="text" id="dummy" placeholder="Dummy value, e.g. 12" /><br /> 
 
<label for="text">Text to process:</label> 
 
<input type="text" id="text" maxlength="20" placeholder="<VALUE_1> will be replaced by the dummy value in the result." /><br /> 
 
Replaced text: <span id="replaced"></span>

Answer 2

Ich glaube, was Sie suchen ist einfach einige regexp.

"This is value <VALUE_1> <123>".replace(/<VALUE_1>/, mySecretSauce) 

Wenn der Wert von mySecretSauce 12.

Sie ist auch die regexp Ausdruck dynamisch wie bauen kann:

"This is value <VALUE_1> <123>".replace(new RegExp("<VALUE_1>"), mySecretSauce)