Home / Questions / 117469
Accepted
Ricardo Sauceda
Asked: 2020-11-15 18:00:34 +0800 CST 2020-11-15 18:00:34 +0800 CST

如何验证 INPUT TEXT 不接受特殊字符？?!))$&.'!"@&

  • 772

我有一个功能：

<input class="tf w-input" id="txtMsj" name="txtMsj" maxlength="256" placeholder="Identificación" type="text">
<input class="bn naranja w-button"  onclick="goto('frm')" value="Siguiente">

goto( doc ){
var txtMsj  document.getElementById("txtMsj").value;
}

这有助于我从屏幕上获取文本，但我不知道如何使用正则表达式验证特殊字符 -> [?!))$&.'!"@&]。

javascript

6 Answers

  1. Best Answer

    这是我实施的解决方案：

    <input class="tf w-input" id="txtCurp" name="txtCurp" maxlength="256" onkeypress="return check(event)" placeholder="No. de CURP" type="text">

    function check(e) {
    tecla = (document.all) ? e.keyCode : e.which;

    //Tecla de retroceso para borrar, siempre la permite
    if (tecla == 8) {
        return true;
    }

    // Patrón de entrada, en este caso solo acepta numeros y letras
    patron = /[A-Za-z0-9]/;
    tecla_final = String.fromCharCode(tecla);
    return patron.test(tecla_final);
}
    • 9

  2. 由于新的 HTML5 属性，您可以直接从 HTML 执行此操作：

    该字段只接受小写字母：

    <input type="text" name="user" placeholder="Usern" pattern="[a-z]{1,15}">

    此表达式接受范围为 1 到 15 个字符的字母、数字和连字符：

    <input type="text" pattern="[A-Za-z0-9_-]{1,15}" name="user" placeholder="User">


    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="text" pattern="[A-Za-z0-9]{1,15}" name="" value="">
    <button type="button" name="button">click</button>
  </body>
</html>

    • 4

  3. 快速解决方案

    我们需要做的第一件事是向我们的Input添加一个类， 以便我们可以从 Jquery 中的函数引用它。

    <div class="input-group">
   <label class="control-label">Precio:</label>
   <input type="number" id="precio" class="soloNumeros" min="1" />
</div>

    min属性表示 1 将是它的最小值，这样它就不会接受负值。

    下一步将是创建一个脚本以防止用户在输入中键入符号。

    jQuery('.soloNumeros').keypress(function (tecla) {
  if (tecla.charCode < 48 || tecla.charCode > 57) return false;
});
    • 2

  4. 如果您希望输入仅加载大写和小写文本、数字而不接受特殊字符，您可以添加到输入

    oninput="this.value = this.value.replace(/[^a-zA-Z0-9]/,'')"
    • 0 

  5. <!DOCTYPE html>
<html>
<style> 
input:invalid {border:red solid 3px;background-color:yellow;}
input:valid {background-color:white;}
input[required]{background-color:yellow;}
</style>
<body>
<p> Ejemplo poner una IP, ejemplo 10.10.10.10</p>
<p> El primero mostrara colores por input[required]</p>
<input type="text" onclick="goto()" required pattern="[0-9]{1,3}([.]?)[0-9]{1,3}\1[0-9]{1,3}\1[0-9]{1,3}">
<input type="text" onclick="goto()" pattern="[0-9]{1,3}([.]?)[0-9]{1,3}\1[0-9]{1,3}\1[0-9]{1,3}">
<script>
/*
Bucamos el que esta vacio y lo coloremos como tambien aplicamos focus 
*/
function goto(){
  const myTag = document.getElementsByTagName("input");
  for (let i = 0; i < myTag.length; i++) {
   if (!myTag[i].value) { myTag[i].style.backgroundColor = "yellow"; myTag[i].style.borderColor = "red"; myTag[i].focus(); return; } else { myTag[i].style.backgroundColor = "white"; myTag[i].style.borderColor = "black"; }
   }
}
</script>
</body>
</html>

    • 0

  6. // 函数只接受数字和小数点

    function SoloNumerosDecimales(e) {

var key;

if (window.event) // IE/Crome
{
    key = e.keyCode;
}
else if (e.which) // Netscape/Firefox/Opera
{
    key = e.which;
}

if (key < 46 || key > 57) {
    return false;
}

return true;
}

    // 函数只接受数字

    function SoloNumeros(e) {

var key;

if (window.event) // IE/Crome
{
    key = e.keyCode;
}
else if (e.which) // Netscape/Firefox/Opera
{
    key = e.which;
}

if (key < 48 || key > 57 ) {
    return false;
}

return true;
}

    // 函数只接受字母

    function SoloLetras(letra) {

tecla = (document.all) ? letra.keyCode : letra.which;

//Tecla de retroceso para borrar, y espacio siempre la permite
if (tecla == 8 || tecla == 32) {
    return true;
}

// Patrón de entrada
patron = /[A-Za-z]/;
tecla_final = String.fromCharCode(tecla);
return patron.test(tecla_final);

}

    // 函数只接受字母和数字

    function SoloLetrasAndNumeros(letranum) {

tecla = (document.all) ? letranum.keyCode : letranum.which;

//Tecla de retroceso para borrar, y espacio siempre la permite
if (tecla == 8 || tecla == 32) {
    return true;
}

// Patrón de entrada
patron = /[A-Za-z0-9]/;
tecla_final = String.fromCharCode(tecla);
return patron.test(tecla_final);

}
    • -2