А какой тестовый пример? Я просто делаю все на локальной машине, могу привести все скрипты, которые использую
Вот код формы:
<form action="handler/pc.php" method="POST" id='form_pc' name="form_pc">
<label class="">Ваше имя:</label><br />
<input name="pc_name" type="text" id="pc_name" size="36"><br />
<label class="">Ваша фамилия:</label><br />
<input name="pc_sname" type="text" id="pc_sname" size="36"><br />
<label class="">Номер телефона:</label><br />
<input name="pc_telephone" type="text" id="pc_telephone" size="36"><br />
<label class="">Ваш адрес:</label><br />
<input name="pc_add" type="text" id="pc_add" size="36"><br />
<label class="">Опишите Вашу задачу:</label><br />
<textarea name="pc_sub" rows="10" cols="50"></textarea><br />
<input type="submit" name="pc_send" class="btn btn-large btn-primary" value="Отправить заявку">
</form>
Код валидации, который не работает
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="../js/jquery.validate.min.js"></script>
<script>
$(document).ready(function(){
$(function(){
$(document).on('submit', '#form_pc', function() {
$('#form_pc').validate({
rules: {
pc_name: {
required: true,
rangelength: [2,16],
}, // Конец pc_name
}, // Конец rules
messages: {
pc_name: {
required: " Введите, пожалуйста, свое имя",
rangelength: "Ваше имя должно содержать от 8 до 16 символов",
},
} // Конец messages
}); // Конец validate
}) // Конец .on()
}); // Конец function
});
</script>
Скрипт, которым загружается форма
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../css/dist/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$('.tabs a').click(function() {
var $this = $(this);
// Скрытие блока panel
$('.panel').hide();
$('.tabs a.active').removeClass('active');
$this.addClass('active').blur();
var panel = $this.attr('href');
$(panel).fadeIn(250);
return(false);
}); // Конец click
$('.tabs li:first a').click();
$('.proba a').click(function(){
var url = $(this).attr('href');
$('#panel3').load(url);
return false;
});
}); // конец ready
</script>