Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] validar formulario para que no ingresen etiquetas javascript

Estas en el tema de validar formulario para que no ingresen etiquetas javascript en el foro de Javascript en Foros del Web. Hola necesito validar un formulario para que no se puedan ingresar etiquetas javascript en los campos de mi formulario, el formulario lo valido utilizando el ...
  #1 (permalink)  
Antiguo 12/11/2014, 11:28
 
Fecha de Ingreso: febrero-2014
Mensajes: 69
Antigüedad: 10 años, 2 meses
Puntos: 0
validar formulario para que no ingresen etiquetas javascript

Hola necesito validar un formulario para que no se puedan ingresar etiquetas javascript en los campos de mi formulario, el formulario lo valido utilizando el jQuery Validation Plugin, quisiera saber si hay alguna forma de evitar que se manden esas etiquetas.

Por ejemplo en este momento al ingresar en un campo de texto lo siguiente:
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. alert("Hola!");
  3. </script>

Se me guarda en la base de datos y cuando hago el select en una tabla se me muestra la alerta, entonces quisiera saber como puedo validar mi formulario para que no me deje ingresar javascript.

Gracias de antemano.
  #2 (permalink)  
Antiguo 12/11/2014, 17:57
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: validar formulario para que no ingresen etiquetas javascript

sinceramente no sabría hacerlo con javascript pero quizás lo puedas hacer con lenguaje de servidor... que usas para procesar los datos?

Si usas PHP esto te podría interesar.
http://php.net/manual/es/filter.filters.sanitize.php

lo puedes aplicar al guardar los datos o bien cuando los recuperas.
  #3 (permalink)  
Antiguo 12/11/2014, 21:53
 
Fecha de Ingreso: febrero-2014
Mensajes: 69
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: validar formulario para que no ingresen etiquetas javascript

ya lo solucione solo agregue una regla personalizada para el JQuey Validator Plugin de esta forma:

Código Javascript:
Ver original
  1. jQuery.validator.addMethod("special_chars", function(value, element)
  2.     {
  3.       return /^[A-Za-z\d=#$%@_ -]+$/.test(value);
  4.     });

las validaciones quedaron así:
Código Javascript:
Ver original
  1. <script>
  2.     $.datepicker.regional['es'] = {
  3.       closeText: 'Cerrar',
  4.       prevText: '<Ant',
  5.       nextText: 'Sig>',
  6.       currentText: 'Hoy',
  7.       monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  8.       monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
  9.       dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
  10.       dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
  11.       dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
  12.       weekHeader: 'Sm',
  13.       dateFormat: 'yy-mm-dd',
  14.       firstDay: 1,
  15.       isRTL: false,
  16.       showMonthAfterYear: false,
  17.       yearSuffix: ''
  18.       };
  19.     $.datepicker.setDefaults($.datepicker.regional['es']);
  20.  
  21.     $(function() {
  22.         $( "#DESDE" ).datepicker();
  23.     });
  24.    
  25.     $(function() {
  26.         $( "#HASTA" ).datepicker();
  27.     });
  28.  
  29.     $(function(){
  30.       $("#HORAS").numeric({ negative : false });
  31.     });
  32.  
  33.     jQuery.validator.addMethod("special_chars", function(value, element)
  34.     {
  35.       return /^[A-Za-z\d=#$%@_ -]+$/.test(value);
  36.     });
  37.  
  38.     $(function(){
  39.       $('#solicitudPermiso').validate({
  40.         rules :
  41.         {
  42.          
  43.           HORAS :
  44.           {
  45.             required : true,
  46.             minlength : 1,
  47.             maxlength : 2
  48.           },
  49.  
  50.           DESDE :
  51.           {
  52.             required : true
  53.           },
  54.  
  55.           HASTA :
  56.           {
  57.             required : true
  58.           },
  59.  
  60.           DETALLE :
  61.           {
  62.             required : true,
  63.             special_chars: true
  64.           }
  65.         },
  66.  
  67.         messages :
  68.         {
  69.  
  70.           HORAS :
  71.           {
  72.             required : "Debe ingresar un número",
  73.             minlength : "Las horas no deben exceder las 40.",
  74.             maxlength : "Debe solicitar al menos 1 hora."
  75.           },
  76.  
  77.           DESDE :
  78.           {
  79.             required : "Debe indicar la fecha de inicio."
  80.           },
  81.  
  82.           HASTA :
  83.           {
  84.             required : "Debe indicar la fecha de fin."
  85.           },
  86.  
  87.           DETALLE :
  88.           {
  89.             required : "Debe detallar el motivo del permiso.",
  90.             special_chars: "No ingrese caracteres esperaciales"
  91.           }
  92.         },
  93.         submitHandler: function()
  94.         {
  95.           insertarPermisos();
  96.         }
  97.       });
  98.     });
  99.   </script>

Etiquetas: etiquetas, formulario, jquery, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:17.