Javascript 添加Jquery验证后,Jquery日期选择器不工作
我创建了一个页面,通过jQueryUI日期选择器添加生日。它工作正常。但是在我为字段添加jquery验证之后。日期选择器没有出现。但是验证工作正常。有人能给我一个理由和答案吗?非常感谢。 这是我的脚本标签Javascript 添加Jquery验证后,Jquery日期选择器不工作,javascript,jquery,Javascript,Jquery,我创建了一个页面,通过jQueryUI日期选择器添加生日。它工作正常。但是在我为字段添加jquery验证之后。日期选择器没有出现。但是验证工作正常。有人能给我一个理由和答案吗?非常感谢。 这是我的脚本标签 <script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="Scripts/jquery-ui-1.8.21.custom.min.js
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery/jquery.min.js"></script>
</script>
<!-- DIALOG BOX START ------------------------------------------------------------------------------------>
<link href="CSS_D/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function(){
$('#search_btn').click(function(){
if( $('#legacy_code_text').val() == "" && $('#lable_title_text').val() == "" && $('#division_list').val() == -1 &&
$('#lable_title_text').val() == "" &&
$('#file_name_text').val() == "" &&
$('#bundle_ref_no_text').val() == "" &&
$('#bundle_shelf_no_text').val() == "" &&
$('#rack_no_text').val() == "" &&
$('#shelf_no_text').val() == "" &&
$('#date_created_text').val() == "" &&
$('#date_retained_text').val() == "" &&
$('#date_to_be_disposed_text').val() == "" &&
$('#division_list').val() == -1 &&
$('#unit_list').val() == -1 &&
$('#assignee_code_list').val() == -1 &&
$('#assignee_list').val() == -1 &&
$('#subject_list').val() == -1 &&
$('#serial_no_list').val() == -1
){
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#dialog-confirm" ).dialog({
resizable: false,
height:140,
modal: true,
buttons: {
"Ok": function() {
$( this ).dialog( "close" );
//*****************************************************************
},
Cancel: function() {
$( this ).dialog( "close" );
}
}
});
}else{
$('#form1').submit();
}
});
});
</script>
<!-- DIALOG BOX END ------------------------------------------------------------------------------------>
<!--Ajax Function To Fill Unit Drop Down------------------------------------------------------------------------>
<script>
function fillUnitDropDown(str)
{
var xmlhttp;
if (str.length==0)
{
document.getElementById("unit_list").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("unit_list").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getUnit.php?division="+str,true);
xmlhttp.send();
}
</script>
<!--Ajax Function To Fill Unit Drop Down END------------------------------------------------------------------------>
<style type="text/css">
body {
background-color: #B4C8E0;
background-image: url(images/title2.png),url(images/tile.png);
background-attachment:fixed;
background-repeat: repeat ;
margin:0;
padding:0;
}
.logdetials .main_bar tr td {
color: #cdf8ff;
}
a:link {
color: #cdf8ff;
}
</style>
<!-- SLIDE SHOW START--------------------------------------------------------------------------------------------->
<script type="text/javascript" src="jquery/fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new fadeSlideShow({
wrapperid: "slide", //ID of blank DIV on page to house Slideshow
dimensions: [967, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/img0.jpg", "", "", "The best way to track your files"],
["images/img1.jpg", "", "", "The choice for quality service"],
["images/img2.jpg", "", "", "With latest technology"],
["images/img3.jpg","","","For a safe and secured place"],
["images/img4.jpg", "", "", "Better performance with reliable service"],
["images/img5.jpg", "", "", "24 x 7 Service"]
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 1500, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})
</script>
<!-- SLIDE SHOW END--------------------------------------------------------------------------------------------->
<!-- Date PICKER START--------------------------------------------------------------------------------------------->
<link rel="stylesheet" href="JDate/themes/base/jquery.ui.dialog.css">
<script src="JDate/ui/jquery-1.7.2.js"></script>
<script src="JDate/ui/jquery.ui.core.js"></script>
<script src="JDate/ui/jquery.ui.widget.js"></script>
<script src="JDate/ui/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="JDate/demos/demos.css">
<script>
$(function() {
$( "#birthday_text" ).datepicker();
$( "#birthday_text" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
});
</script>
<!-- Date PICKER END --------------------------------------------------------------------------------------------->
<!-- Jquery Validations -------------------------->
<script src="NewFormValidator/js/jquery-1.7.2.min.js" type="text/javascript">
</script>
<script src="NewFormValidator/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
</script>
<script src="NewFormValidator/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
<link rel="stylesheet" href="NewFormValidator/css/validationEngine.jquery.css" type="text/css"/>
<script>
jQuery(document).ready(function(){
// binds form submission and fields to the validation engine
jQuery("#form1").validationEngine();
});
/**
*
* @param {jqObject} the field where the validation applies
* @param {Array[String]} validation rules for this field
* @param {int} rule index
* @param {Map} form options
* @return an error string if validation failed
*/
function checkHELLO(field, rules, i, options){
if (field.val() != "HELLO") {
// this allows to use i18 for the error msgs
return options.allrules.validate2fields.alertText;
}
}
</script>
$(文档).ready(函数(){
$('search_btn')。单击(函数(){
如果($(“#遗留代码_文本”).val()==”&&&$(“#标签_标题_文本”).val()==”&&&$(“#分割列表”).val()==-1&&
$(“#标签(标题)文本”).val()
$('#文件名\文本').val()==“”&&
$(“#bundle_ref_no_text”).val()==”&&
$('#bundle_shelf_no_text').val()
$(“#机架编号_文本”).val()==”&&
$(“#shelf_no_text”).val()==”&&
$(“#日期(创建的)文本”).val()==”&&
$(“#日期(保留的)文本”).val()==”&&
$(“#日期(待处理)文本”).val()==”&&
$(“#部门列表”).val()=-1&&
$(“#单位列表”).val()=-1&&
$(“#受让人(代码)列表”).val()==-1&&
$(“#受让人名单”).val()=-1&&
$(“#主题列表”).val()=-1&&
$(“#序列号列表”).val()==-1
){
$(“#dialog:ui dialog”).dialog(“销毁”);
$(“#对话框确认”)。对话框({
可调整大小:false,
身高:140,
莫代尔:是的,
按钮:{
“Ok”:函数(){
$(此).dialog(“关闭”);
//*****************************************************************
},
取消:函数(){
$(此).dialog(“关闭”);
}
}
});
}否则{
$('表格1')。提交();
}
});
});
函数fillUnitDropDown(str)
{
var-xmlhttp;
如果(str.length==0)
{
document.getElementById(“单元列表”).innerHTML=“”;
返回;
}
if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=函数()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById(“单元列表”).innerHTML=xmlhttp.responseText;
}
}
open(“GET”、“getUnit.php?division=“+str,true”);
xmlhttp.send();
}
身体{
背景色:#B4C8E0;
背景图片:url(images/title2.png),url(images/tile.png);
背景附件:固定;
背景重复:重复;
保证金:0;
填充:0;
}
.logdetials.main_bar tr td{
颜色:#cdf8ff;
}
a:链接{
颜色:#cdf8ff;
}
/***********************************************
*终极淡入式幻灯片v2.0-(c)动态硬盘DHTML代码库(www.dynamicdrive.com)
*此通知必须保持完整,以便合法使用
*访问动态驱动http://www.dynamicdrive.com/ 对于此脚本和100多个
***********************************************/
var mygallery=新的fadeSlideShow({
wrapperid:“幻灯片”//
尺寸:[967200],//画廊的宽度/高度(像素)。应反映最大图像的尺寸
图像阵列:[
[“images/img0.jpg”、、、、、“跟踪文件的最佳方式”],
[“images/img1.jpg”、、、、、“优质服务的选择”],
[“images/img2.jpg”、、、、、“采用最新技术”],
[“images/img3.jpg”,“”,“”,“”,“,用于安全可靠的场所”],
[“images/img4.jpg”、、、、、“性能更好,服务可靠”],
[“images/img5.jpg”,“24 x 7服务”]
//
$(函数(){
$(“#生日文字”).datepicker();
$(“#生日#文本”)。日期选择器(“选项”、“日期格式”、“yy-mm-dd”);
});
jQuery(文档).ready(函数(){
//将表单提交和字段绑定到验证引擎
jQuery(“#form1”).validationEngine();
});
/**
*
*@param{jqObject}验证应用的字段
*@param{Array[String]}此字段的验证规则
*@param{int}规则索引
*@param{Map}形式选项
*@如果验证失败,则返回错误字符串
*/
函数checkHELLO(字段、规则、i、选项){
如果(field.val()!=“HELLO”){
//这允许将i18用于错误MSG
返回options.allrules.validate2fields.alertText;
}
}
我曾经遇到过类似的问题。这是因为jquery的版本不同。我认为您也在使用不同版本的jquery。请删除所有不必要的引用。只使用一个用于日期选择器的jquery引用