0

I created a page to add birthday by jquery UI date-picker. It worked fine.But after I adding jquery validations for fields.The date picker is not appearing.But validations are working fine. Can any one suggest me a reason and a answer? thank you. here is my script tags...

    <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>

1 Answer 1

1

Once I have faced a similar issue. It was because of different versions of jquery. I think you are also using different versions of Jquery. Remove all the unnecessary references. Use only one Jquery reference which is using for the Datepicker.

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.