Al final no pude con el Ketchup.js...
Decidi usar jquery.validate.js. Y me funciona muy bien, pero no se como hacer ahora para que despues de la validacion el formulacion se envie.
La otra duda que me surgue es, se puede hacer una validacion de los numeros dijitados en el campo telefono?.
Me explico: El campo Telefono debe ser de 8 caracteres, solo contener numeros (eso ya esta cubierto) pero seria ideal, poder validar contra el SQL Server que la numeracion digitada pertenece a uno de los prefijo que tengo almacenados una tabla.
Por ejemplo. Para la central X, los numeros deben ser 2450#### y que no permita que alguno me dijite 3850#### que no corresponde a la numeracion del proyecto.
Código PHP:
<!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'>
<!-- codigo para carga de los CSS -->
<link type="text/css" href="../default.css" rel="stylesheet">
<!--Carga JavaScript-->
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></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>
<script type="text/javascript">
$(document).ready(function(){
$("#cholo").validate ({
errorContainer: "#mensaje1",
errorLabelContainer: "#mensaje1 ul",
wrapper: "li", debug:true,
submitHandler: function() { return confirm('¿Desea almacenar?'); }
})
});
</script>
<style type="text/css">
#mensaje1 { display: none }
select.error { border: 1px solid red; }
input.error{ border: 1px solid red; }
</style>
<%
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, Mvm_SQL, Mvm_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")
Set Mvm_Str = Server.CreateObject("ADODB.recordset")
Cnt_SQL="Select id_central, nombre_central from centrales where caic_central = '"& request.cookies("usuario")("caic") &"' or caic_central ='0'"
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
Mvm_SQL="Select id_movieminto, codigo_movimiento, descripcion_movimiento from codigo_movimiento order by codigo_movimiento"
Mvm_Str.open Mvm_SQL, conn, 3, 3
end if
%>
</head>
<body class="center" style="text-align:center">
<div id="main_asignar" style="width: 950px">
<h2 class="center"><span class="center">Asignación de Ordenes a Técnico</span></h2>
<br>
<form id="cholo" name="frmAdd" method="post" action="asignar_ost.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="central" name="central<%=i%>" style="width: 100px" class="ui-widget-content ui-corner-all required">
<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="telefono<%=i%>" style="width: 75px" class="ui-widget-content ui-corner-all required number" minlength="8" maxlength="8"></td>
<td><select id="movimiento" name="movimiento<%=i%>" style="width: 100px" class="ui-widget-content ui-corner-all required">
<option value="">Seleccione el movimiento...</option>
<%Mvm_Str.movefirst%>
<%do while not Mvm_Str.eof%>
<option value="<%=Mvm_Str("id_movieminto")%>"><%=Mvm_Str("descripcion_movimiento")+" ("+Mvm_Str("codigo_movimiento")+")"%></option>
<%Mvm_Str.movenext%><%loop%>
</select></td>
<td><input type="text" name="cita<%=i%>" style="width: 100px"></td>
<td><input type="text" name="venta<%=i%>" size="5"></td>
</tr>
<%
Next
%>
</table>
<div id="mensaje1">
<h3>Hay errores en el formulario</h3>
<ul></ul>
</div>
<input type="submit" name="submit" value="submit">
<input type="hidden" name="hdnLine" value="<%=i-1%>">
</form>
</div>
</body>
</html>