自定义字段上的jQuery表单验证程序
我正在使用一些脚本来处理我的自定义字段上的jQuery表单验证程序,jquery,jquery-validate,Jquery,Jquery Validate,我正在使用一些脚本来处理我的选择。此脚本为:jquery.selectbox-0.2 我的结构是: <select name="dpto_contato" id="dpto_contato" tabindex="1"> <option value="">Selecione o Departamento</option> <option value="Administração">Administração</option>
选择
。此脚本为:jquery.selectbox-0.2
我的结构是:
<select name="dpto_contato" id="dpto_contato" tabindex="1">
<option value="">Selecione o Departamento</option>
<option value="Administração">Administração</option>
<option value="Financeiro">Financeiro</option>
<option value="Vendas">Vendas</option>
</select>
所以我的问题是:如何在此选择中应用验证?默认情况下,jQuery Validate忽略所有隐藏的输入元素 要使用jQuery validate插件验证隐藏元素,必须将
忽略
选项设置为[]
,以禁用此默认行为
$("#form_contato").validate({
ignore: [],
rules: {
...
另请参见:您是使用自己的验证还是使用任何验证框架?我使用的是jQuery.validator,对不起,我忘了测量尺寸…哼。。我会试试的!。。谢谢
$("#form_contato").validate({
rules: {
dpto_contato: { required: true },
nome: { required: true, minlength: 2 },
email: { required: true, email: true },
telefone: { required: true },
assunto: { required: true },
mensagem: { required: true }
},
messages: {
dpto_contato: { required: 'Selecione o Departamento'},
nome: { required: 'Informe o seu nome', minlength: 'No mínimo 2 letras' },
email: { required: 'Informe o seu Email', email: 'Informe um Email válido' },
telefone: { required: 'Informe seu Telefone'},
assunto: { required: 'Informe o Assunto'},
mensagem: { required: 'Escreba sua Mensagem'},
},
showErrors: function(errorMap, errorList) {
$("#form_contato").find("input").each(function() {
$(this).removeClass("error");
});
$("#myErrorContainer").html("");
if(errorList.length) {
$("#myErrorContainer").html(errorList[0]['message']);
$(errorList[0]['element']).addClass("error");
}
},
submitHandler: function( form ){
$("#myErrorContainer").hide();
$("#enviando").show();
var dados = $( form ).serialize();
$.ajax({
type: "POST",
url: "PAGINADEENVIO.PHP",
data: dados,
success: function( data )
{
alert('Email enviado com sucesso!. Em breve entraremos em contato');
$("#form_contato")[0].reset();
$("#enviando").hide();
}
});
return false;
}
});
$("#form_contato").validate({
ignore: [],
rules: {
...