Hi, I have a register form inside of the accordion, it doesn't work
on IE7, why? this is my code:
<html>
<head>
<link type="text/css" href="js/development-bundle/themes/base/
ui.all.css" rel="stylesheet" />
<link type="text/css" href="js/development-bundle/demos/demos.css"
rel="stylesheet">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/cmxforms.js" type="text/javascript"></script>
<script type="text/javascript" src="js/development-bundle/ui/
ui.core.js"></script>
<script type="text/javascript" src="js/development-bundle/ui/
ui.accordion.js"></script>
<script type="text/javascript">
$.validator.setDefaults({
//submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
// validate the comment form when it is submitted
$("#commentForm").validate();
// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
nombre: "required",
lastname: "required",
username: {
required: true,
minlength: 4
},
pass: {
required: true,
minlength: 5
},
confirm_pass: {
required: true,
minlength: 5,
equalTo: "#pass"
},
correo: {
required: true,
email: true
},
topic: {
required: "#newsletter:checked",
minlength: 2
},
agree: "required"
},
messages: {
nombre: "Introduce un nombre",
//lastname: "Please enter your lastname",
username: {
required: "Introduce un alias",
minlength: "El alias debe contener mínimo 4
caracteres"
},
pass: {
required: "Introduce una contraseña",
minlength: "La contraseña debe contener al
menos 5 caracteres"
},
confirm_pass: {
required: "Introduce una contraseña",
minlength: "La contraseña debe contener al
menos 5 caracteres",
equalTo: "La contraseña debe ser igual a la
anterior"
},
correo: "Introduce un email valido",
agree: "Please accept our policy"
}
});
// propose username by combining first- and lastname
/*$("#username").focus(function() {
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
if(firstname && lastname && !this.value) {
this.value = firstname + "." + lastname;
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" :
"addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});*/
});
$(function() {
$("#accordion").accordion({
autoHeight: false
});
});
</script>
<style type="text/css">
#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left:
253px; }
#signupForm { width: 500px; }
#signupForm label.error {
margin-left: 10px;
width: auto;
display: inline;
}
#newsletter_topics label.error {
display: none;
margin-left: 103px;
}
</style>
</head>
<body>
<div class="demo">
<div id="accordion">
<h3><a href="#">Login</a></h3>
<div>
<form>
<table><tr><td>Usuario(Email)</td><td><input type="text"></td></tr>
</table>
</form>
</div>
<h3><a href="#">Registro</a></h3>
<div>
<form class="cmxform" id="signupForm" action="val_reg.php"
method="post" enctype="multipart/form-data">
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="right"><span class="a1 Estilo1">Email:</span></td>
<td><input name="correo" type="text" id="correo" size="20"
maxlength="150" /></td>
</tr>
<tr>
<td align="right"><span class="a1 Estilo1">Contraseña:</
span></td>
<td><input name="pass" type="password" id="pass" size="10"
maxlength="50" /></td>
</tr>
<tr>
<td align="right">Confirma la contraseña: </td>
<td><input name="confirm_pass" type="password" id="confirm_pass"
size="10" maxlength="50" /></td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td align="right" class="a1 Estilo1">Nombre completo:</td>
<td><input name="nombre" type="text" id="nombre" size="20"
maxlength="150" /></td>
</tr>
<tr>
<td align="right"><span class="a1 Estilo1">Alias:</span></td>
<td><input name="username" type="text" id="username" size="10"
maxlength="50" /></td>
</tr>
<tr>
<td align="right"><span class="a1 Estilo1">Imagen:</span></td>
<td><input name="userfile" type="file" id="pic1" size="20"
maxlength="150" /></td>
</tr>
<tr>
<td align="right"><span class="a1 Estilo1">Fecha de nacimiento: </
span></td>
<td><table>
<tr>
<td class="a1 Estilo1"><select name="d" id="d" type="text"
maxlength="2" class="a11" >
<option value="">dd</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></td>
<td class="a1 Estilo1"><select name="m" id="m" type="text"
maxlength="2" class="a11">
<option value="">mm</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></td>
<td class="a1 Estilo1"><select name="a" id="a" type="text"
maxlength="2" class="a11" >
<option value="">aaaa</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
<option value="1916">1916</option>
<option value="1915">1915</option>
<option value="1914">1914</option>
<option value="1913">1913</option>
<option value="1912">1912</option>
<option value="1911">1911</option>
<option value="1910">1910</option>
</select></td>
<td class="a1 Estilo1">(dd-mm-aaaa) </td>
</tr>
</table></td>
</tr>
<tr>
<td align="right"> </td>
<td><table>
<tr>
<td class="a1 Estilo1"><input type="radio" name="s" value="H"
class="a11" />
Hombre</td>
<td class="a1 Estilo1"><input type="radio" name="s" value="M"
class="a11" />
Mujer</td>
</tr>
</table></td>
</tr>
<tr>
<td align="right"><span class="a1 Estilo1">País:</span></
td>
<td><input name="pais" type="text" id="pais" size="20"
maxlength="150" /></td>
</tr>
<tr>
<td align="right"> </td>
<td align="right"><input name="Submit" type="submit"
value="registrar" /></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</body></html>
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
