08/05/2012, 02:49
|
| | Fecha de Ingreso: abril-2012
Mensajes: 16
Antigüedad: 12 años, 7 meses Puntos: 0 | |
Respuesta: Formulario en Jquery_Mobile+PHP+AJAX Hola, que tal, viendo tu post algunas de las dudas que tenia se resolvieron pero no todas xD. Mira tengo el siguiente codigo:
<!DOCTYPE html>
<html>
<head>
<title>CCMI. Jesús Usón</title>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script type="text/javascript" src="jfeed/build/dist/jquery.jfeed.pack.js"></script>
</head>
<body onload="init()">
<section id="page1" data-role="page" data-theme="b">
<header data-role="header" data-theme="b">
<h1>CCMI. JESÚS USÓN</h1>
</header>
</br></br>
<a href="http://www.ccmijesususon.com">
<div align="center"><img src="ccmi.gif"></a></div>
<br/><br/>
<div align="center"/><a href="page2" data-icon="star" data-role="button" data-inline="true" data-transition="pop" >News</a>
<div align="center"/><a href="page3" data-icon="star" data-role="button" data-inline="true" data-transition="flip" >News</a>
<div align="center"/><a href="page2" data-icon="star" data-role="button" data-inline="true" >News</a>
<div align="center"/><a href="page2" data-icon="star" data-role="button" data-inline="true" >News</a>
</br></br></br></br></br></br></br>
<footer data-role="footer" data-theme="b">
<h2>CCMI</h2>
</footer>
</section>
<section id="page2" data-role="page" data-theme="b">
<header data-role="header">
<h1>CCMI. JESÚS USÓN</h1>
</header>
<div data-role="content" class="content">
<ul data-role="listview" data-inset="true" data-theme="a">
<li data-role="divider" data-theme="b">Noticias</li>
<li onclick="url='http://feeds.feedburner.com/rssccmiju'"><a href="#page2-1">RSS CCMIJU</a><img src="assets/icons/rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijupublicaciones'"><a href="#page2-1">Publicaciones</a><img src="assets/icons/rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijucursos'"><a href="#page2-1">Cursos</a><img src="assets/icons/rss.png" class="ui-li-icon"></li>
<li onclick="url='http://feeds.feedburner.com/ccmijunoticias'"><a href="#page2-1">Noticias</a><img src="assets/icons/rss.png" class="ui-li-icon"></li>
</ul>
</div>
<footer data-role="footer" data-theme="b">
<h2>CCMI</h2>
</footer>
</section>
<section id="page2-1" data-role="page" data-theme="b">
<header data-role="header">
<h1>CCMI. JESÚS USÓN</h1>
</header>
<div data-role="content" class="content"/>
<ul data-role="listview" data-inset="true" data-theme="a">
</ul>
</div>
</section>
<section id="page3" data-role="page" data-theme="b">
<header data-role="header">
<h1>Formulario</h1>
</header>
<div data-role="fieldcontain">
<label for="name"><b>Nombre:</b></label>
<input type="text" name="name" id="name" value="" />
</div>
<div data-role="fieldcontain">
<label for="textarea"><b>Localidad:</b></label>
<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
</div>
<div data-role="fieldcontain">
<label for="search"><b>Busqueda de entrada:</b></label>
<input type="search" name="password" id="search" value="" />
</div>
<div class="containing-element">
<label for="flip-min">Cambiar:</label>
<select name="slider" id="flip-min" data-role="slider" data-theme="c">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="slider"><b>Slider:</b></label>
<input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true" data-theme="c" />
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend><b>Elige aperitivo:</b></legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" data-theme="c" />
<label for="checkbox-1a">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" data-theme="c" />
<label for="checkbox-2a">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" data-theme="c" />
<label for="checkbox-3a">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" data-theme="c" />
<label for="checkbox-4a">Sun Chips</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend><b>Estilo de la fuente:</b></legend>
<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" data-theme="c" />
<label for="checkbox-6">b</label>
<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" data-theme="c" />
<label for="checkbox-7"><em>i</em></label>
<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" data-theme="c" />
<label for="checkbox-8">u</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend><b>Elige una mascota:</b></legend>
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" data-theme="c" />
<label for="radio-choice-1">Gato</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" data-theme="c" />
<label for="radio-choice-2">Perro</label>
<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" data-theme="c" />
<label for="radio-choice-3">Hamster</label>
<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" data-theme="c" />
<label for="radio-choice-4">Lagarto</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<label for="select-choice-1" class="select"><b>Elige el metodo de envio:</b></label>
<select name="select-choice-1" id="select-choice-1" data-theme="c" >
<option value="standard">Standard: 7 días</option>
<option value="rush">Rush: 3 días</option>
<option value="express">Express: al siguiente día</option>
<option value="overnight">Durante la noche</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="select-choice-a" class="select"><b>Elige el metodo de envio:</b></label>
<select name="select-choice-a" id="select-choice-a" data-native-menu="false" data-theme="c">
<option>Ejemplo de menú personalizado</option>
<option value="standard">Standard: 7 días</option>
<option value="rush">Rush: 3 días</option>
<option value="express">Express: al siguiente día</option>
<option value="overnight">Durante la noche</option>
</select>
</div>
<div class="ui-body ui-body-b">
<fieldset class="ui-grid-a">
<div class="ui-block-a"><button type="submit" data-theme="d">Cancelar</button></div>
<div class="ui-block-b"><button type="submit" data-theme="a">Presentar</button></div>
</fieldset>
</div>
</section>
</div>
</body>
</html>
Mi pregunta es la siguiente, como valido ese formulario en JQuery mobile, porque creo que ya me estoy volviendo loco y necesito ayuda xD
Muchas gracias |