使用jquery验证和jquery ui日期选择器
如何使jquidatepicker在jquery验证引擎旁工作 起初,我的日期选择器在我放入验证器之前工作。现在验证程序正在工作,但日期选择器没有工作使用jquery验证和jquery ui日期选择器,jquery,validation,datepicker,Jquery,Validation,Datepicker,如何使jquidatepicker在jquery验证引擎旁工作 起初,我的日期选择器在我放入验证器之前工作。现在验证程序正在工作,但日期选择器没有工作 //datepciker $(function() { $( "#datepicker" ).datepicker({ changeYear:true,changeMonth:true }); }); //jqueryValidation $(document).ready(function(){
//datepciker
$(function() {
$( "#datepicker" ).datepicker({ changeYear:true,changeMonth:true });
});
//jqueryValidation
$(document).ready(function(){
$("#form").validationEngine();
});
<fieldset>
<form id="form" method="post" action="post.php">
<table>
<tr>
<td>NIP*</td>
<td><input class="validate[required,custom[onlyNumberSp]"
id="nip" maxlength="18" name="nip" size="20" type="text"></td>
</tr>
<tr>
<td>TMT*</td>
<td><input id="datepicker" name="tmt" type="text"></td>
</tr>
</table>
</form>
</fieldset>
//datepciker
$(函数(){
$(“#datepicker”).datepicker({changeYear:true,changeMonth:true});
});
//jqueryValidation
$(文档).ready(函数(){
$(“#表单”).validationEngine();
});
掐*
TMT*
检查下面的代码,确保正确加载了所有js和css文件。此外,您在验证的输入类中似乎缺少右括号“]”,尽管它实际上似乎没有什么区别
这段代码在我的服务器上运行得非常好
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Validate</title>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<fieldset>
<form id="form" method="post" action="post.php">
<table>
<tr>
<td>NIP*</td>
<td>
<input class="validate[required,custom[onlyNumberSp]]" id="nip" maxlength="18" name="nip" size="20" type="text"/>
</td>
</tr>
<tr>
<td>TMT*</td>
<td>
<input id="datepicker" name="tmt" type="text"/>
</td>
</tr>
</table>
</form>
</fieldset>
<script type="text/javascript">
//datepicker
$(function() {
$( "#datepicker" ).datepicker({ changeYear:true,changeMonth:true });
});
//jqueryValidation
$(document).ready(function(){
$("#form").validationEngine();
});
</script>
</body>
</html>
验证
掐*
TMT*
//日期选择器
$(函数(){
$(“#datepicker”).datepicker({changeYear:true,changeMonth:true});
});
//jqueryValidation
$(文档).ready(函数(){
$(“#表单”).validationEngine();
});