验证prettyphoto内的表单

时间:2011-05-24 16:01:28

标签: jquery jquery-validate

我使用漂亮的照片在模态框内有一个表单,它显示得很好。问题是我需要验证它,我正在使用http://docs.jquery.com/Plugins/Validation

验证根本不起作用,因为克隆了包含我的表单的div的漂亮照片(或者我读过)。似乎可能对我有帮助的是使用.live()但是我不确定如何?

我用以下方式调用验证:

$(document).ready(function(){
$("#regform").validate();
});

这是一个非常简单的表格,有一些输入,但每次我点击提交而不输入任何数据,我的漂亮照片就会关闭......

这是我的表格:

<form method="post" action="" name="registerform" id="regform">
<fieldset>
    <label for="nombre">Nombre:</label><input type="text" name="nombre" id="nombre" class="required" /><br />
    <label for="apellidos">Apellidos:</label><input type="text" name="apellidos" id="apellidos" class="required" /><br />
    <label for="dire">Dirección:</label><input type="text" name="dire" id="dire" /><br />
    <label for="ciudad">Ciudad:</label><input type="text" name="ciudad" id="ciudad" class="required" /><br />
    <label for="prov">Provincia:</label><input type="text" name="prov" id="prov" class="required" /><br />
    <label for="tele">Teléfono:</label><input type="text" name="tele" id="tele" /><br />
    <label for="username">Usuario:</label><input type="text" name="username" id="username" class="required" /><br />
    <label for="password">Contraseña:</label><input type="password" name="password" id="password" class="required" /><br />
    <label for="email">Email:</label><input type="text" name="email" id="email" class="required email" /><br />
    <input type="submit" name="register" id="register" class="clean-gray" value="Register" />
</fieldset>
</form>

2 个答案:

答案 0 :(得分:2)

这实际上并不困难:

获取PP元素的ID(例如#pp_full_res)并使用jQuery后代选择器来获取正确的元素。例如:

$("#pp_full_res #your_element).val().

答案 1 :(得分:0)

你所看到的代码工作得很好我的猜测是它与prettyphoto插件有关,这里是DEMO显示我们到目前为止所做的工作