-
Cómo quitar números de una cadena con Javascript
-
JavaScript es un lenguaje de script del lado del cliente que normalmente se utiliza para crear páginas web dinámicas. Una de las ventajas de JavaScript es su amplia biblioteca de funciones incorporadas y los objetos que los programadores Web pueden utilizar para crear, manipular y almacenar el texto como cadenas. programadores de JavaScript pueden utilizar las propiedades de una cadena, tales como la propiedad de longitud; utilizar métodos de una cuerda, como split y empalme; y los métodos que devuelven cadenas con etiquetas HTML envoltorio de acceso HTML. JavaScript también tiene funciones que permiten a los programadores para buscar cadenas, cambian el caso de una cadena y eliminar caracteres específicos de las cadenas.Instrucciones
1 Abra un editor de texto y crear un nuevo archivo llamado "noNums.html." Añadir las etiquetas HTML básicas para el archivo:
<Html>
<Head> </ head>
<Body> </ body>
</ Html>
2 Añadir una etiqueta "<script>" entre el archivo "<head>" y "</ head>" etiquetas, ajuste "tipo" atributo de la etiqueta de "<script>" a "text / javascript" y cierre el "</ script > etiqueta ".
<Html>
<Head>
<Script type = "text / javascript">
</ Script>
</ Head>
<Body> </ body>
</ Html>
3 Añadir una función JavaScript denominada "numbersOnly" entre el archivo de "<script>" y las etiquetas "</ script>". La función "numbersOnly" no tiene argumentos. Añadir una llave de apertura ( "{") y una llave de cierre ( "}") después de la declaración de la función de mantener el lugar para el código de la función.
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
4 Recuperar el valor de cadena de un campo de entrada con el ID "inputValue" por medio de la función JavaScript "getElemenById". Guardar el valor de cadena a una variable denominada "InputStr".
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
InputStr = document.getElementById ( 'inputValue') valor.;
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
5 Utilice la función JavaScript "reemplazar" para reemplazar la totalidad de los números ( "0-9") en el "InputStr" variable con un carácter nulo ( ''). Guardar los resultados de la función "reemplazar" a una variable denominada "upperStr".
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
InputStr = document.getElementById ( 'inputValue') valor.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
6 Escribir el valor de la variable "upperStr" para el campo de entrada "inputValue" por medio de la función JavaScript "getElemenById".
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
InputStr = document.getElementById ( 'inputValue') valor.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'inputValue') = valor upperStr;
}
</ Script>
</ Head>
<Body> </ body>
</ Html>
7 Añadir una etiqueta HTML "<input>" campo de entre el archivo "<body>" y "</ body>" etiquetas. Dar el campo de entrada de la ID "inputValue" y el texto "1234567abcdefg89hij". El "<input>" etiqueta HTML no requiere una etiqueta de cierre "</ input>".
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
InputStr = document.getElementById ( 'inputValue') valor.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'inputValue') = valor upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = valor "inputValue" = "1234567abcdefg89hij"> </ body>
</ Html>
8 Añadir una etiqueta HTML "botón <>" entre la "<body>" y "</ body>" etiquetas. Use un "onclick) (" evento para llamar a la función "numbersOnly" y sustituir el valor en el campo de entrada "inputValue" a un valor que no contiene números. Darle al botón del texto "Haga clic para borrar los números de la cadena" y cerrar la etiqueta "</ botón>".
<Html>
<Head>
<Script type = "text / javascript">
funcionar numbersOnly ()
{
InputStr = document.getElementById ( 'inputValue') valor.;
upperStr = inputStr.replace (/ [0-9] + / g, '');
. Document.getElementById ( 'inputValue') = valor upperStr;
}
</ Script>
</ Head>
<Body>
<Input id = valor "inputValue" = "1234567abcdefg89hij"> </ body>
<Botón onclick = 'numbersOnly () "> Haga clic para eliminar los números de la cadena </ botón>
</ Html>
9 noNums.html abierta en un navegador Web. Haga clic en "Haga clic para eliminar los números de la cadena" botón y verificar que las actualizaciones de cadena en el campo de entrada "inputValue" sin números. Escriba una cadena diferente en el campo de entrada y haga clic en el botón.
Consejos y advertencias
- Las cadenas se pueden "añaden" usando el operador de concatenación JavaScript ( "+") o utilizando el método de cadena concat ().
- Al declarar y manipular cadenas JavaScript, usar simples ( ') o dobles ( ") comillas para indicar el texto de la cadena.
- Las funciones de cadena pueden ser ejecutados usando la notación de punto.
- Asegúrese de utilizar el carácter "\" para escapar comillas simples y dobles se utilizan en el texto de una cadena.
