添加Jquery验证后,Jquery日期选择器无法工作
Jquery datepicker is not working after I adding jquery validations
我通过jquery UI日期选择器创建了一个添加生日的页面。它运行良好。但是在我为字段添加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" 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>
有一次我遇到了类似的问题。这是因为jquery的版本不同。我认为您也在使用不同版本的Jquery。删除所有不必要的引用。只使用一个用于日期选择器的Jquery引用。
相关文章:
- PHP/AAJAX阻止jquery工作
- Chrome扩展和Chome浏览器中的Jquery工作方式不同
- 2次点击事件不会'我在jquery工作
- 使用 href=“#” JQuery 工作,但使用 href=“page.jsp” 不起作用
- 迭代 javascript 对象无法通过 jQuery 工作
- 让简单的Javascript / jQuery工作(Ariel Flesler的ScrollTo)
- 更新面板阻止 jquery 工作
- Jquery工作,但只是暂时的
- 一个jQuery工作,两个不工作
- 当我使用AngularJS部分时,如何让JQuery工作
- 为什么不;我的jquery工作(使用延迟、hasclass、addclass、removeclass、keyUp、key
- jQuery工作不正常
- 我有一个JQuery工作,但小越野车
- :has() jquery工作不正常
- JQuery工作得太快了
- 如果一个输入单选被选中,改变父元素'的颜色:不能'使它与jQuery工作
- Chrome扩展:访问DOM的弹出.html和让jQuery工作
- 如何使下拉jQuery工作
- 尝试使jquery工作
- RegEx不与我的jQuery工作