Foros del Web - Ver Mensaje Individual - Validar Formulario

focesar · #1 (**permalink**) 10/12/2012, 15:06

Hola a todos.
Gracias por la ayuda.
Estoy haciendo un proyecto en ASP clasico con ciertos elementos en Javascript.

He tratado de usar varios plugins de javascript para validar el formulario, el ultimo que estoy usando es https://github.com/mustardamus/ketchup-plugin/downloads

Pero no logro que se valide que el campo de telefono solo debe contener numeros y que debe de ser de 8 caracteres.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">

<head>

<!-- metas -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- inicio del codigo para insertar favicon en pagina y acceso directo -->
<link href='../images/favicon.ico' rel="shortcut icon">
<link rel="icon" type="image/ico" href='../images/favicon.ico'>

<!-- titulo del sitio web -->
<title>Sistema para el Control de Instalaciones - SICOIN</title>

<!-- codigo para carga de los CSS -->
<link type="text/css" href="../default.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="../jquery.ketchup.css">

<!--Carga JavaScript-->
<script type="text/javascript" src="../js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="../js/jquery.ketchup.js"></script>
<script type="text/javascript" src="../js/jquery.ketchup.validations.js"></script>
<script type="text/javascript" src="../js/jquery.ketchup.helpers.js"></script>
<script type="text/javascript" src="../js/scaffold.js"></script>
<script type="text/javascrip">
$('#validation-events').ketchup({
});

/*if you set the fields to validate in the call
  you  simply pass  in a array as value.  First
  argument is  the validations string  and  the
  second is the events string. Like so:
*/
$('#validation-events').ketchup({}, {
  '#telefono': ['required',' range(8,8)', 'keyup focus','number']
});

</script>

<script type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;}
</script>

<%
	if request.cookies("usuario")("cedula")="" then
		Response.Write("<script>window.open('../default.asp?error=2','_top');</script>")
	else

		Dim strConnection, conn, Cnt_SQL, CnT_Str, Tec_SQL, Tec_Str
	
		strConnection = "Driver={SQL Server Native Client 10.0}; server=localhost; database=SICOIN; uid=; pwd=" 
	
		Set conn = Server.CreateObject("ADODB.Connection")
		conn.Open strConnection

		Set Tec_Str = Server.CreateObject("ADODB.recordset")
		Set Cnt_Str = Server.CreateObject("ADODB.recordset")
		
		Cnt_SQL="Select id_central, nombre_central from centrales where caic_central = '"& request.cookies("usuario")("caic") &"' "
		Cnt_Str.open Cnt_SQL, conn, 3, 3

		Tec_SQL="select id_tecnico, codigo_tecnico, apellidos_tecnico, nombre_tecnico from tecnico where caic_tecnico='"& request.cookies("usuario")("caic") &"' order by apellidos_tecnico"
		Tec_Str.open Tec_SQL, conn, 3, 3
		
		
	end if
%>

</head>
<body class="center" style="text-align:center">

<div id="main_asignar" class="style1" style="width: 950px">
	<h2 class="center"><span class="center">Asignación de Ordenes a Técnico</span></h2>
	<br>

	<form id="validation-events" name="frmAdd" method="post" action="ost_asignar_almacenado.asp" style="width: 950px" >
	<table class="aligncentertable" style="width: 500px">
		<tr>
			<td >Cuantas OST desea asignar? :</td>
			<td >
			<select id="OSTs" name="OSTs" onChange="MM_jumpMenu('self',this,0)" class="ui-widget-content ui-corner-all center" style="width: 200px">
			<% 
				Dim i , sel , line
				For i = 1 To 20
				If CInt(Request.QueryString("Line")) = i Then
					sel = "selected"
				Else
					sel = ""
				End IF
			%>
			<option value="<%=Request.ServerVariables("SCRIPT_NAME")%>?Line=<%=i%>"<%=sel%>><%=i%></option>
			<%Next%></select></td>
		</tr>
		<tr>
			<td>Técnico al que desea asignar :</td>
			<td>
			<select id="Tecnico" name="Tecnico" class="ui-widget-content ui-corner-all" style="width: 200px; height: 20px">
				<option value="">Seleccione un tecnico...</option>
					<%do while not Tec_Str.eof%>
				<option value="<%=Tec_Str("codigo_tecnico")%>"><%=Tec_Str("apellidos_tecnico")+" "+Tec_Str("nombre_tecnico")%></option>
					<%Tec_Str.movenext%><%loop%></select></td>
		</tr>
	</table>
	<br>
	<table class="aligncentertable" style="width: 500px">
		<tr>
			<th style="height: 24px"> <div class="center" style="width: 50px">Línea</div></th>
			<th style="height: 24px"> <div class="center">Central</div></th>
			<th style="height: 24px"> <div class="center">Teléfono</div></th>
			<th style="height: 24px"> <div class="center">Movimiento</div></th>
			<th style="height: 24px"> <div class="center">Cita</div></th>
			<th style="height: 24px"> <div class="center">Venta</div></th>
		</tr>
		<%
			line = Request.QueryString("line")
			IF line = "" Then
				line = 1
			End IF
			For i = 1 To line
		%>
		<tr>
    <td><%=i%></td>
    <td><select id="txt-central" name="txt-central<%=i%>" style="width: 100px">
	    <option value="">Seleccione la central...</option>
    	<%Cnt_Str.movefirst%>
    	<%do while not Cnt_Str.eof%>
    		<option value="<%=Cnt_Str("id_central")%>"><%=Cnt_Str("id_central")+" "+Cnt_Str("nombre_central")%></option>
    	<%Cnt_Str.movenext%><%loop%>
    	</select></td>
    <td>
	<input id="telefono" type="text" name="txt-telefono<%=i%>" size="8" maxlength="8"></td>
    <td><input type="text" name="txt-movimiento<%=i%>" size="10"></td>
    <td><input type="text" name="txt-cita<%=i%>" size="10"></td>
    <td><input type="text" name="txt-venta<%=i%>" size="5"></td>
  </tr>
  <%
  Next
  %>
  </table>
  <input type="submit" name="submit" value="submit">
  <input type="hidden" name="hdnLine" value="<%=i-1%>">
</form>
</div>

</body>

</html>