Please clarify: does this work in another browser, or have you only
tried it in IE 7?
First thing I would suggest is try loading your jQueryUI Javascript
earlier. Try and isolate it so it's just jQuery and jQueryUI. It's
hard to tell here... maybe there is a JS error in cmxforms.js? Who
knows?
**--** Steve
On Dec 17, 6:02 pm, faby <faby...@gmail.com> wrote:
> 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 jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
