Está en la página 1de 107

Instituto Politcnico Nacional Escuela Superior de Computo

Web (Html+ Jquery+ AJAX) M. en C. Alejandro Soto RAmos msotoa06@yahoo.com.mx

Contenido del Curso


Introduccin a las Tecnologas Web HyperText Markup Language (html). Cascading Style Sheets (CSS). Java Script Ajax (Asynchronus Java Script and XML) Jquery

Qu es JavaScript?

Es un lenguaje Script Extiende las capacidades de las pginas Web El cdigo est integrado en el HTML Se interpreta en el ordenador que recibe el HTML, no se compila Ejecucin dinmica

Los programas y funciones no se verifican hasta que se ejecutan

Tiene programacin orientada a objetos Trabaja con los elementos del HTML No se declaran los tipos de variables

Qu se puede hacer con JavaScript?

Verificar Formularios

Comprobar que se han rellenado correctamente los campos antes de enviarlos. Calcular el ndice de masa Corporal

Clculos simples.

Pagina Web Interactiva

Generalidades de JavaScript

Elementos de una pgina HTML pueden causar un evento que ejecutar una accin Esa accin se ejecutar a travs de una serie de sentencias JavaScript Comandos de JavaScript:

Variables Expresiones Estructuras de control Funciones (bloques de sentencias) Clases, objetos y arrays (agrupaciones de datos)

TAG <script> </script>

Sintaxis Atributo src: archivo con el cdigo fuente

<script type="text/javascript" src=archivo.js></script>

<script type="text/javascript"> function mostrarFecha(){ document.getElementById("demo").innerHTML=Date(); } </script>

Ubicacin

Entre <head> y </head>

No necesariamente.

JavaScript Demo1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Mi primer Script</title> </head> <body> <script type="text/javascript"> document.write ('Hola mundo'); </script> </body> </html>

Funciones de JavaScript

alert()

Crea una caja de dilogo con un icono de peligro amarillo, un botn 'Aceptar' y un texto definido por el parmetro enviado a la funcin. Crea una caja de confirmacin con un icono de interrogacin, botones Aceptar y Cancelar y un texto definido por el parmetro enviado a la funcin. Devuelve 1 cuando el usuario abandona el dilogo pulsando Aceptar y 0 si lo hace pulsando Cancelar o cerrar.

confirm()

Funciones de JavaScript

prompt()

Muestra un dilogo de campo de formulario con botones Aceptar y Cancelar, un texto definido por el primer parmetro enviado a la funcin y un input de texto con valor predeterminado definido por el segundo parmetro. La funcin devuelve el valor insertado en el campo de formulario si el usuario pulsa en Aceptar o null si pulsa Cancelar o cerrar.

Los eventos:

Modelo de Eventos de JavaScript

A nivel del documento HTML A nivel de un formulario individual A nivel de un elemento de un formulario

El evento es gestionado por una seccin de cdigo en JavaScript (Gestor de Eventos) Declaracin de Gestores de Eventos: similar a los atributos en HTML

<body onLoad="cargarfuncion()" onUnload="descargarfuncion()"> <form name="nombre" ... onSubmit="funcin_o_sentencia> <input type=button name=boton value=GRRR! onClick= alert(Dejame Dormir)>

Eventos (Event Handlers)


Evento
blur click change focus load Mouseover Select Submit Unload

Ocurre Cuando
El usuario quita el cursor de un elemento de formulario El usuario clic a un link o un elemento de formulario El usuario cambia el valor de un texto, un rea de texto o selecciona un elemento. El usuario coloca el cursor en un elemento de formulario. El usuario carga una pgina en el Navegador El usuario mueve el ratn sobre un link El usuario selecciona un campo del elemento de un formulario Se enva un formulario Se descarga la pgina

Manejador
onBlur onClick onChange onFocus onLoad onMouseOver onSelect onSubmit onUnload

Palabras Reservadas

Son identificadores predefinidos que no pueden ser utilizados por el usuario para denominar variables, funciones, mtodos u objetos. Forman parte del lenguaje de programacin.

Palabras Reservadas

Literales

Son datos que comprenden nmeros o caracteres usados para representar valores fijos en JavaScript. Son valores que no cambian durante la ejecucin del script.

Literales Enteros. Literales en Coma Flotante. Literales Booleanos. Literales Cadenas.

Literales Enteros

Los enteros se pueden representar en formato:

Decimal

Cualquier secuencia de dgitos que no comience por cero Comienza por cero. Puede incluir cualquier secuencia entre 0 y 7. Inicia con 0x 0X delante del entero. Incluyen digitos de 0 a 9 y letras de A a F.

Octal

Hexadecimal

Literales Enteros
Formato Decimal Valores 33 2139 071 03664 0x7b8 0x395

Literales en Coma Flotante

Representan nmeros decimales con parte fraccionaria. Se pueden expresar en forma estndar o en notacin cientfica. En notacin cientfica se utiliza la letra E e para e exponente.

Ambos (decimal y/o exponente) pueden ser positivos o negativos.


Valores 3405.673 -1.958 8.3200e+11

Literales Booleanos

Representan tipos de datos Booleanos. Soporta los dos literales. True y false.

Tienen que aparecer en minsculas

1y0

Literales de Cadena

Una cadena esta formada por 0 o ms caracteres encerrados entre comillas dobles ( y ) o comillas simples ( y ). Siempre se debe utilizar el mismo tipo de comilla para rodear cada cadena.
Valores saludos saludos #12-6 smile please

Caracteres Especiales

Cuando es necesario utilizar caracteres especiales como una tabulacin, se utiliza el carcter \ delante de un cdigo de escape.
\\ \" \' \f \t \n \b \r esta secuencia muestra una barra invertida, "\" esta secuencia despliega una comilla doble en pantalla esta secuencia despliega una comilla simple en pantalla esta secuencia inserta un salto de pagina esta secuencia indica un tabulador esta secuencia es un salto de lnea esta secuencia indica retroceder un carcter esta secuencia indica un retorno de carro

Variables

Es el nombre que se le asigna a una posicin de la memoria en la cual se almacena informacin. A travs de las variables se pueden asignar nombres significativos a las posiciones en donde se almacena la informacin.

Reglas:

1 o ms letras. _ No pueden iniciar por un dgito (0 al 9) Sensible a maysculas y minsculas

Variables Sintaxis

Una vez declarada, esta preparada para tomar el tipo de dato del primer valor que se le asigne. Asignacin con ( = ). Se puede inicializar al mismo tiempo que se declara.

var Direccion; var direccion; var n; var i,j,k;

var direccion=msoto@a06@yahoo.com; var n=0.00; var i=0,j=0,k;

Tipos de Variables

Cuando se almacena informacin automticamente se clasifica en uno de los 5 tipos de datos validos de JavaScript
Tipo de dato number boolean string function object Ejemplo 3.141516 true, false hola mundo write document

mbito de las Variables

Hace referencia al rea o reas del programa en las cuales la variable puede ser referenciada.

Local

Una variable declarada dentro de una funcin. Solamente la funcin en donde fue declarada puede acceder a ella. Cada vez que se ejecuta la funcin, la variable se crea y cada vez que finaliza la funcin, la variable se destruye. Son accesibles por cualquier script en el documento actual.

Global

Constantes

Es una variable que mantiene el mismo valor durante toda la ejecucin del programa.

JavaScript, utiliza constantes propias para acceder a valores utilizados por operaciones matemticas.

Se pueden acceder a estas constantes a travs del objeto Math. Variables creadas por el programador. Sus valores No cambian. Suelen representarse en maysculas. Definidas al inicio del programa

Las constantes definidas por el usuario son:


const pi = 3.14159;

Expresiones

Cualquier conjunto vlido de literales, variables, operadores y expresiones que se evalan como un nico valor;

El valor puede ser un nmero, una cadena o un valor lgico (booleano).

Expresiones

Conceptualmente, hay dos tipos de expresiones:

Las que asignan un valor a una variable y las que simplemente tienen un valor.

x = 7 asigna a x el valor 7. Esta expresin se evala como siete. Usan operadores de asignacin.

La expresin 3 + 4 simplemente se evala como siete; no se realiza ninguna asignacin.

Los operadores usados en dichas expresiones se les llama simplemente operadores.

Expresiones

Tipos de expresiones:

Aritmticas: se evalan como un nmero, por ejemplo 3.14159.

Usan Operadores Aritmticos

De cadena: se evalan como una cadena de caracteres, por ejemplo, jose" o 1123581321".

Usan Operadores de Cadena (string). Emplean Operadores Lgicos Operadores que evalan Objetos.

Lgicas: se evalan como verdadero o falso.

De objeto: se evalan como un objeto.

Comentarios

Los comentarios permiten que una o mas lnea sea ignorada, al momento de interpretar el cdigo.

Tipos De una lnea


//este es un comentario de una lnea

De varias lneas
/* este es un comentario de varias lneas */

Operadores

Son smbolos o identificadores que representan el modo en que una combinacin de operadores se evala o manipula. Tipos

Aritmticos. Asignacin. Comparacin Cadena. Lgicos Bits

Operadores de Asignacin

Asignar un valor a una variable, para almacenarlo en memoria.

Sintaxis

variable = valor El operador de asignacin es ( = )

Funciona de derecha a izquierda.


Versin Larga x=x+y x=x-y x=x*y x=x/y x=x%y Versin Corta x += y x -= y x *= y x /= y x %= y

Operadores de Aritmticos

Toman valores numricos (tanto literales como variables) como operando y devuelven un nico valor numrico.

El operador / devuelve la divisin real (de coma flotante). Cuando se encuentran estos operadores se busca de izquierda a derecha los valores con los cuales se ha de trabajar
Operador + * / Significado Suma Resta Multiplicacin Divisin

Operadores de Aritmticos
Operador Descripcin Ejemplo % Operador binario. Devuelve el resto de la divisin entera entre sus dos operandos. 12 % 5 devuelve 2. Operador unitario. Suma uno a su operando. Si se usa como prefijo (++x), devuelve el valor de su operando Si x es 3, entonces despus de la suma; si se usa ++x establece x a 4 y devuelve 4 como sufijo (x++), devuelve el x++ establece x a 4 y devuelve 3. valor de su operando antes de sumarle uno. Operador unitario. Resta uno a su operando. Si x es 3, entonces Funcionamiento igual que --x establece x a 2 y devuelve 2, x-incremento establece x a 2 y devuelve 3. Operador unitario. Devuelve su Si x es 3, entonces operando cambiado de signo. -x devuelve -3.

++

--

Operadores de Comparacin

Operadores Lgicos

Operadores Lgicos
P Q F F F V V F V V P && Q F F F V P V F !P F V P Q F F F V V F V V P || Q F V V V

Control de Flujo

Orden en el que se ejecutan las sentencias del programa. A menos que se especifique explcitamente el flujo de control de todo programa es secuencial. Todas las sentencias se ejecutan en secuencia, (una despus de otra). Existen tres estructuras de control estandarizadas.

Secuencial. Seleccin. Repetitiva o Iterativa.

Control de Flujo

Estructura Secuencial

Una accin sigue a otra en secuencia. Tiene una entrada y una salida. La ms sencilla, simplemente indica una secuencia de acciones a ser ejecutadas de forma consecutiva.

Accin 1

Accin 2

Accin 3

Control de Flujo

entrada: a, b, c

suma a + b + c promedio (suma)/3

salida : promedio

Condicional Simple

Se emplea para tomar decisiones en funcin de una condicin. Sintaxis


if (condicion){ acciones; }

if (edad >=18){ alert (Puedes Votar); }

Condicional Simple
<script type="text/javascript"> var dato1 = 15; var dato2 = 9; var dato3 = 17; document.write ('El mayor entre ' +dato1 +',' + dato2 + ' y ' + dato3); if((dato1 > dato2) && (dato1 > dato3)){ document.write('<h1>'+ dato1 +'</h1>'); } if((dato2 > dato3) && (dato2 > dato1)){ document.write('<h1>'+ dato2 +'</h1>'); } if((dato3 > dato2) && (dato3 > dato1)){ document.write('<h1>'+ dato3 +'</h1>'); } </script>

Condicional mltiple

Se emplea para tomar decisiones en funcin de una condicin cuyo resultado sea verdadera o falso. Sintaxis
if (condicion){ acciones; }else{ acciones; }

if (edad >=18){ alert (Puedes Votar); }else{ alert (No Puedes Votar); }

Condicional mltiple

Modificar el Script anterior para determinar el mayor de 3 nmeros Utilizando if else

Switch

Se emplea para comparar un dato entre un conjunto de posibles valores

switch(datoAComparar){ case valor1: accion1; case valor2: accion2; case valor3: accion3; default: accionDefault; }

switch
<script type="text/javascript"> var dato1 = ''; dato1=prompt('nombre '); switch (dato1.toUpperCase()){ case 'JOSE' : document.write('Hola ' +dato1); break; case 'ASUNCION' : document.write('Hola ' +dato1); break; case 'MARIA' : document.write('Hola ' +dato1); break; default: document.write('Error ' +dato1); break; } </script>

Estructuras de control

for

Se utiliza para ejecutar un conjunto de instrucciones sobre cada una de las propiedades de un objeto.

Estructuras de control
for (valorInicial; valorFinal;inc/dec){ acciones; }

for (i=1; i<=10; i++){ document.write (hola mundo +i); }

for

Obtener los nmeros pares entre 1 y 100 Obtener la suma de los primeros 100 nmeros

Estructuras de control

while

Se utiliza para ejecutar un conjunto de instrucciones sobre cada una de las propiedades de un objeto. No incluye en su declaracin la inicializacin de la variable de control, ni su incremento o decremento. La variable de control se declara antes del bucle. El incremento o decremento se declara dentro del bucle. Se evala siempre que la condicin sea true

While
for (valorInicial; valorFinal;inc/dec){ acciones; }

valorInicial; while( condicion){ acciones; inc/dec; }

While

var i=1; while(i<=10){ document.write (hola mundo + i); i++; }

While

Obtener los nmeros pares entre 1 y 100 Obtener la suma de los primeros 100 nmeros

Estructuras de control

do - while

Se utiliza para ejecutar un conjunto de instrucciones sobre cada una de las propiedades de un objeto. No incluye en su declaracin la inicializacin de la variable de control, ni su incremento o decremento. La variable de control se declara antes del bucle. El incremento o decremento se declara dentro del bucle. Se evala al final de la iteracin

Do While
valorInicial; while( condicion){ acciones; inc/dec; }

valorInicial; do{ acciones; inc/dec; } while( condicion);

Do While
var i=10; do{ document.write (hola mundo + i); i++; } while(i<=1);

Se ejecuta siempre al menos una vez, se cumpla o no la condicin

Arreglos

Un arreglo es una coleccin de datos del mismo tipo, que se almacenan en posiciones consecutivas de memoria y reciben un nombre comn. Para referirse a un determinado elemento de un arreglo se deber utilizar el nombre del arreglo acompaado de un ndice el cual especifica la posicin relativa en que se encuentra el elemento.

Arreglos
Declaracin y Asignacin var a=[5]; a[0]=1;

Acceso y/o Lectura document.write('Elemento 3 '+a[2]);

Arreglos

Arreglos

Arreglos

Ejemplo JS (Scroll)

<script type="text/javascript"> var txt="Alex"; function scroll(){ window.status = txt; txt = txt.substring(1, txt.length) + txt.charAt(0); window.setTimeout("scroll()",150); } </script> Le compraste algo a <body onLoad="scroll();>

Ejercicios

Leer un numero y mostrar si dicho numero es o no es par. Leer un numero y mostrar su tabla de multiplicar. Leer dos numeros y realizar el producto mediante sumas. Leer una secuencia de n numeros almacenarlos en un arreglo y mostrar la posicion donde se encuentra el mayor valor leido. Dado dos vectores A y B de n elementos cada uno, obtener un arreglo C donde la posicion i se almacene la suma de A[i]+B[i]. Calcular la media de una secuencia de numeros proporcionado por el usuario. Dado una secuencia de numero leidos y almacenados en un arreglo A mostrar dichos numeros en orden. Dado una secuencia de textos proporcionados por el usuario visualizar: la longitud, en mayusculas, en minusculas, cada uno de ellas.

Partes de un WebForm

funciones.js

function confirmarSubmit(){ return confirm('Estas Seguro de Enviar los Datos?'); } function confirmarReset(){ return confirm('Estas Seguro de Limpiar los Datos?'); }

Partes de un WebForm
frmDatos txtNumero this txtResultado
this.frmDatos.txtNumero.value this nombreFormulario nombreElemento Mtodo funcin

Funciones para manejo de Cadenas

length, calcula la longitud de una cadena de texto (el nmero de caracteres que la forman).

var mensaje = "Hola Mundo"; var numeroLetras = mensaje.length; onchange

Formulario
<html> <head> <title>Titulo</title> <script type="text/javascript" src="funciones1.js"></script> <link type="text/css" rel="stylesheet" href="estilos.css"> </head> <body> <center> <fieldset> <legend>Datos</legend> <form name="frmDatos" action="" method="post">

Formulario
Datos <input type="text" name="txtDatos" size="30" placeholder="Introduce un Texto onchange="calculaLongitud(frmDatos.txtDatos.value);"/> </form> </fieldset> <div id="divImagen"> <img src="img/logo.jpg"/> </div> </center>> </body> </html>

funciones.js

function calculaLongitud(texto){
alert ('La longitud de '+ texto + ' es : ' + texto.length);

Funciones para manejo de Cadenas

+, se emplea para concatenar varias cadenas de texto. var mensaje1 = "Hola"; var mensaje2 = " Mundo"; var mensaje = mensaje1 + mensaje2

Funciones para manejo de Cadenas

concat(), similar a + var mensaje1 = "Hola"; var mensaje2 = mensaje1.concat(" Mundo");

Funciones para manejo de Cadenas


toUpperCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en maysculas. var mensaje1 = "Hola"; var mensaje2 = mensaje1.toUpperCase();

funciones.js

function cambiarMayusculas(texto){ return texto.toUpperCase(); }

Funciones para manejo de Cadenas


toLowerCase(), transforma todos los caracteres de la cadena a sus correspondientes caracteres en minsculas. var mensaje1 = "HolA"; var mensaje2 = mensaje1.toLowerCase();

funciones.js

function cambiarMinusculas(texto){ return texto.toLowerCase(); }

Funciones para manejo de Cadenas

charAt(posicion), obtiene el carcter que se encuentra en la posicin indicada.


var mensaje = "Hola"; var letra = mensaje.charAt(0); letra = mensaje.charAt(2);

funciones.js

function mostrarCaracterEnPosicionX(texto,posicion){ return texto.charAt(posicion); }

Funciones para manejo de Cadenas

indexOf(caracter), calcula la posicin en la que se encuentra el carcter indicado dentro de la cadena de texto.

Si el carcter se incluye varias veces dentro de la cadena de texto, se devuelve su primera posicin empezando a buscar desde la izquierda. Si la cadena no contiene el carcter, la funcin devuelve el valor -1

Funciones para manejo de Cadenas


var mensaje = "Hola"; var posicion = mensaje.indexOf('a'); // posicion = 3 posicion = mensaje.indexOf('b'); // posicion = -1

funciones.js

function mostrarPosicionDeCaracterX(texto,caracter){ return texto.indexOf(caracter); }

Funciones para manejo de Cadenas

lastIndexOf(caracter), calcula la ltima posicin en la que se encuentra el carcter indicado dentro de la cadena de texto.

Si la cadena no contiene el carcter, la funcin devuelve el valor -1


var mensaje = "Hola"; var posicion = mensaje.lastIndexOf('a'); // posicion = 3 posicion = mensaje.lastIndexOf('b'); // posicion = -1.

Funciones para manejo de Cadenas

La funcin lastIndexOf() comienza su bsqueda desde el final de la cadena hacia el principio, aunque la posicin devuelta es la correcta empezando a contar desde el principio de la palabra.

funciones.js

function mostrarUltimaPosicionDeCaracterX(texto,caracter){ return texto.lastIndexOf(caracter); }

Funciones para manejo de Cadenas

substring(inicio, final), extrae una porcin de una cadena de texto.


El segundo parmetro es opcional. Si slo se indica el parmetro inicio, la funcin devuelve la parte de la cadena original correspondiente desde esa posicin hasta el final.

Funciones para manejo de Cadenas

var mensaje = "Hola Mundo"; var porcion = mensaje.substring(2);

// porcion = "la Mundo" // porcion = "Mundo" // porcion = "ndo"

porcion = mensaje.substring(5);

porcion = mensaje.substring(7);

Funciones para manejo de Cadenas

Cuando se indica el inicio y el final, se devuelve la parte de la cadena original comprendida entre la posicin inicial y la inmediatamente anterior a la posicin final (es decir, la posicin inicio est incluida y la posicin final no):

Funciones para manejo de Cadenas var mensaje = "Hola Mundo"; var porcion = mensaje.substring(1, 8);

// porcion = "ola Mun" // porcion = "a"

porcion = mensaje.substring(3, 4);

Funciones para manejo de Cadenas

Si se indica un final ms pequeo que el inicio, JavaScript los considera de forma inversa, ya que automticamente asigna el valor ms pequeo al inicio y el ms grande al final var mensaje = "Hola Mundo"; var porcion = mensaje.substring(5, 0); // porcion = "Hola " porcion = mensaje.substring(0, 5); // porcion = "Hola "

funciones.js

function obtenerSubcadenaDeTexto(texto,inicio,fin){ return texto.substring(inicio,fin); }

Funciones para manejo de Cadenas

split(separador), divide la cadena de texto determinando sus trozos a partir del carcter separador indicado. var mensaje = "Hola Mundo, soy una cadena de texto!"; var palabras = mensaje.split(" "); /"Hola", "Mundo,", "soy", "una", "cadena", "de", "texto!;

funciones.js

function separarCadenaDeTexto(texto,caracter){ return texto.split(caracter); }

login

M.en C. Jos Asuncin Enrquez Zrate

fullPage
<head> <link href="css2.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="func1.js"></script> </head> <body> <div id="contenedorPrincipal"> <h1>Curso Web</h1> <div id="menuPrincipal"> <div id="menu"> <ul> <li>home</li> <li>Introduccion</li> </ul> </div> </div>

fullPage
<div id="contenedor1" class="curved"> <ul><h4>Nombre</h4> <li> Gustos </li> <li> Preferencias </li> </ul> </div> <img src="img/imagen_instituto.png" width="400" /> </div>

fullPage
<span id="modulo1"> <table width="700" height="150align="center" class="decoracion"> <tr><th colspan="2>nombre</th></tr> <tr> <th>profesor</th> <th>descripcion</th> </tr> <tr> <td>yo</td> <td>descripcion de</td> </tr> </table> </span>

fullPage

<div id="piePagina" class="curved"> <p>pie de pagina </p> </div>

funciones.js
function cambiarPresentacion(objeto){ var objetoSpan=document.getElementsByTagName("span"); var indice=0; while (indice < objetoSpan.length){ if(objeto == objetoSpan[indice].id){ objetoSpan[indice].style.display="inline"; }else{ objetoSpan[indice].style.display="none"; } indice++; } }

Expresiones Regulares

Una expresin regular es un patrn que se crea utilizando caracteres del alfabeto con la ayuda de operacion de union, concatenacion y clausura de kleene (*) para representar un lenguaje regular.

La clausura de Kleene (tambin llamada estrella Kleene o cierre estrella) es una operacin unaria que se aplica sobre un conjunto de cadenas de caracteres o un conjunto de smbolos o caracteres (alfabeto), y representa el conjunto de las cadenas que se pueden formar tomando cualquier nmero de cadenas del conjunto inicial, posiblemente con repeticiones, y concatenndolas entre s).

Comodines

Delimitadores

Agrupacin

Ejemplos

Sugerencias para expresiones regulares

Simplifique las expresiones regulares en la medida de lo posible para que cualquiera pueda utilizarlas fcilmente en el futuro. Asegrese de utilizar la barra invertida si encuentra caracteres como "?" o "." y desea que coincidan literalmente con esos mismos caracteres. Si no lo hace, se interpretarn como caracteres especiales de expresiones regulares. No todas las expresiones regulares incluyen caracteres especiales. Por ejemplo, puede fijar un objetivo de Google Analytics como expresin regular y, aunque no aparezca ningn carcter especial, este objetivo se interpretar segn las normas por las que se rigen las expresiones regulares.

Sugerencias para expresiones regulares

Las expresiones regulares son ambiciosas. Por ejemplo, sitio coincide con misitio, con tusitio y con sitios. Si su expresin regular es sitio , significa que se buscarn las coincidencias con todas las cadenas que contengan sitio. Por tanto, debe utilizar los delimitadores siempre que sea necesario para obtener resultados ms precisos. ^sitio$, que usa un delimitador de inicio ^ y de final $, asegurarn que la expresin tenga que empezar por sitio, terminar por sitio y no incluir nada ms. Como puede observarse, no hay caracteres especiales en la expresin regular sitio, que se interpretar como expresin regular slo si est incluida en un campo que tiene en cuenta las expresiones regulares.

Verificador de Expresiones

Verificador de Expresiones
function evaluaER(expresion,cadena) { var expresionRegular = new RegExp(expresion); if (cadena.match(expresionRegular)) { alert("Coincide"); } else { alert("No Cincide"); } }