Hello, I've solved my issue with the js validation in this post: http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/catid,2/id,9908/#9908
This is the form that i used, I based the css with the form of jamesls in http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/id,2490/catid,7/
This is the source (some text are in Spanish):
And this is how it looks like:
This is the form that i used, I based the css with the form of jamesls in http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/id,2490/catid,7/
This is the source (some text are in Spanish):
<style type="text/css">
<!--
legend
{
color:#FFFFFF;
background:#EB178A;
margin-left: 8px;
padding: 1px 4px;
}
fieldset
{
border: 1px solid #EB178A;
width: 90%;
background-color:#FDFDFD
}
label
{
width: 180px;
float: left;
text-align: right;
display: block;
}
select {
margin-left: 200px;
width: 145px;
text-align: left;
}
input[type="text"]
{
color: #000;
margin-left: 20px;
border: 1px solid #781351;
}
input[type="submit"]
{
margin-left: 200px;
color: #000;
border: 2px outset #d7b9c9;
background-color: #EAEAEA;
}
input[type="button"]
{
color: #000;
border: 1px outset #d7b9c9;
background-color: #FFFFFF;
}
-->
</style>
<span style="font-size: large;"><span style="color: rgb(235, 23, 138);"><i><b>CONTRATACIONES</b></i></span></span><br><br>
<div align="center">
<fieldset><legend><strong>Artista</strong></legend>
<p> <select name="artista">
<option value="">Elegir Artista</option>
<option value="damiandp">Damian DP</option>
<option value="darioef">DarioEF</option>
<option value="detune">Detune</option>
<option value="facucruz">Facu Cruz</option>
<option value="niclerner">Nic Lerner</option>
<option value="sequence">Sequence</option>
<option value="thr3shold">Thr3shold</option>
<option value="tombaudelaire">Tom Baudelaire</option>
</select>
</p>
</fieldset><br>
<fieldset><legend><strong>Evento</strong></legend>
<p> <label for="fecha">Fecha (DD-MM-AAAA):</label>
<input type="text" name="fechaevento" id="fechaevento">
</p>
<p>
<label for="locacion">Locación:</label>
<input type="text" name="locacion" id="locacion">
</p>
<p>
<label for="capacidad">Capacidad:</label>
<input type="text" name="capacidad" id="capacidad">
</p>
<p>
<label for="nombreevento">Nombre del Evento:</label>
<input type="text" name="nombreevento" id="nombreevento">
</p>
</fieldset><br>
<fieldset><legend><strong>Contratante</strong></legend>
<p>
<label for="nombrecontratante">Nombre:</label>
<input type="text" name="nombrecontratante" id="nombrecontratante">
</p>
<p>
<label for="telefono">Teléfono de contacto:</label>
<input type="text" name="telefono" id="telefono">
</p>
<p>
<label for="mail">Correo electrónico:</label>
<input type="text" name="mail" id="mail" class="required validate-email">
</p>
<p>
<label for="sitioweb">Sitio web:</label>
<input type="text" name="sitioweb" id="sitioweb">
</p>
</fieldset><br>
<input type="submit" value="Enviar" />
</div>
And this is how it looks like:
This topic is locked and no more replies can be posted.
