Problema con Funciones JavaScript - OnClick

[DaHaSaMo]

Buenos días, después de buscar en el foro, y probar con varias opciones, y al no encontrar solución, creo este tema.

Espero y me puedan ayudar, Muchas Gracias.

Necesito que al hacer clic en el botón submit de un form, se realicen los procesos de 2 funciones, la primera validar() y la segunda confirmar()

* La de validar() verifica que los campos del form estén debidamente diligenciados
* La de confirmar() pide confirmación para enviar o no los datos del form
* Además de eso, algunos campos tienen la restriccion required

De manera general, se tendria:


<script language="JavaScript" type="text/javascript">
function validar()
{
if (form.hora.value == 0)
{
alert ('Elija otra hora');
form.hora.focus(); return false;
}

if (form.sala.value == 1)
{
alert ('Elija otra Sala');
form.sala.focus(); return false;
}
...
</script>


<script language="JavaScript" type="text/javascript">
function confirmar() onclick
{
if (confirm('¿Continuar? No se podran modificar los datos'))
{
document.form.submit()
}
}
</script>


<form name="form" onsubmit="confirmar()" class="form" method="post" action="..." enctype="multipart/form-data">

...
...
...

<input type="reset" value="Limpiar" class="button">

<input type="submit" value="Guardar" class="button" onclick="validar(); confirmar()">

</form>


Al dar clic en guardar ( submit ), me sale la alerta de que no he llenado campo de hora, pero el focus se pone es el dato de required, lleno el required, y doy guardar, me pide otra vez que llene la hora, doy aceptar y envia el form, sin dejarme llenar los campos que debe validar, y sin pedirme la confirmacion.

Cambie el submit por:

<input type="button" onclick="validar();confirmar()" value="Guardar" class="button">

y me hace las validaciones de validar() , pero los required no los pide, y tampoco muestra confirmar()

Cual es o son los errores, Muchas gracias si me pueden ayudar.

[nilburcion]

Para tu primer problema basta solo con quitar un onclick que hay por ahí:

<script language="JavaScript" type="text/javascript">
function confirmar() onclick
{
if (confirm('¿Continuar? No se podran modificar los datos'))
{
document.form.submit()
}
}


Para el segundo va a ser más difícil ya que no todos los navegadores se toman el atributo "required" igual, asi que en algunos casos no te lo validará, te sugiero que hagas la confirmación en el mismo JS que es lo que irá seguro.

[DaHaSaMo]

Hola, hice unos cambios, quité el "onclick", quité los required, y los meti en validar() , agregue parentesis entre las funciones, cambie el submit, y ahora hace todas las validaciones, pero envia los datos sin solicitarme confirmacion:

<script language="JavaScript" type="text/javascript">
function validar()
{
if (form.hora.value == 0)
{
alert ('Elija otra hora');
form.hora.focus(); return false;
}

if (form.sala.value == 1)
{
alert ('Elija otra Sala');
form.sala.focus(); return false;
}
...
</script>


<script language="JavaScript" type="text/javascript">
function confirmar()
{
if (confirm('¿Continuar? No se podran modificar los datos'))
{
document.form.submit()
}
}
</script>


<form name="form" onsubmit="return ( validar() && confirmar() )" class="form" method="post" action="..." enctype="multipart/form-data">

...
...
...

<input type="reset" value="Limpiar" class="button">

<input type="submit" value="Guardar" class="button">

</form>

[DaHaSaMo]

Hola, hice unos cambios, quité el "onclick", quité los required, y los meti en validar() , agregue parentesis entre las funciones, cambie el submit, y ahora hace todas las validaciones, pero envia los datos sin solicitarme confirmacion:

<script language="JavaScript" type="text/javascript">
function validar()
{
if (form.hora.value == 0)
{
alert ('Elija otra hora');
form.hora.focus(); return false;
}

if (form.sala.value == 1)
{
alert ('Elija otra Sala');
form.sala.focus(); return false;
}
...
</script>


<script language="JavaScript" type="text/javascript">
function confirmar()
{
if (confirm('¿Continuar? No se podran modificar los datos'))
{
document.form.submit()
}
}
</script>


<form name="form" onsubmit="return ( validar() && confirmar() )" class="form" method="post" action="..." enctype="multipart/form-data">

...
...
...

<input type="reset" value="Limpiar" class="button">

<input type="submit" value="Guardar" class="button">

</form>