表单验证无法与datepicker jquery一起使用

添加这个.js文件之后

<script src="jQueryAssets/jquery-1.11.1.min.js" type="text/javascript"></script>

在我的日期选择代码中，我的用户名验证在另一个.js文件上

<script src="jQueryAssets/jquery-1.2.6.min.js" type="text/javascript" ></script>

它不起作用。我认为一些冲突正在发生。当我删除jquery-1.2.6.min.js时，情况也是一样的。但是当我删除jquery-1.11.1.min.js时，日期选择器不工作，但FormValidStation ID工作

请帮帮我，我是初学者

这是我的用户名验证ajax代码

<SCRIPT type="text/javascript">
    pic1 = new Image(16, 16); 
    pic1.src = "loader.gif";
    $(document).ready(function(){
        $("#wo_no").change(function() { 
            var usr = $("#wo_no").val();
            if(usr.length >= 3)
            {
                $("#status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...');

                $.ajax({  
                    type: "POST",  
                    url: "check.php",  
                    data: "wo_no="+ usr,  
                    success: function(msg){  
                        $("#status").ajaxComplete(function(event, request, settings){ 
                            if(msg == 'OK')
                            { 
                                $("#wo_no").removeClass('object_error'); // if necessary
                                $("#wo_no").addClass("object_ok");
                                $(this).html('&nbsp;<img src="tick.gif" align="absmiddle">');
                            }  
                            else  
                            {  
                                $("#wo_no").removeClass('object_ok'); // if necessary
                                $("#wo_no").addClass("object_error");
                                $(this).html(msg);
                            }  
                        });
                    } 
                });
            }
            else
            {
                $("#status").html('<font color="red">Work order number should be atleast <strong>3</strong> characters.</font>');
                $("#wo_no").removeClass('object_ok'); // if necessary
                $("#wo_no").addClass("object_error");
            }
        });
    });
</SCRIPT>

pic1=新图像（16，16）；
pic1.src=“loader.gif”；
$（文档）.ready（函数（）{
$（“#wo#u no”）.change（function（）{
var usr=$（“#wo#u no”）.val（）；
如果（usr.length>=3）
{
$（“#状态”）.html（‘检查可用性…’）；
$.ajax（{
类型：“POST”，
url:“check.php”，
数据：“wo_no=“+usr，
成功：函数（msg）{
$（“#状态”）.ajaxComplete（函数（事件、请求、设置）{
如果（msg=='OK'）
{ 
$（“#wo_no”）.removeClass（'object_error'）；//如有必要
$（“#wo#u no”）.addClass（“object#u ok”）；
$（this.html（“”）；
}  
其他的
{  
$（“#wo_no”）.removeClass（'object_ok'）；//如果需要
$（“#wo#u no”）.addClass（“对象#u错误”）；
$（this.html（msg）；
}  
});
} 
});
}
其他的
{
$（“#status”）.html（'工作订单号应至少为3个字符'）；
$（“#wo_no”）.removeClass（'object_ok'）；//如果需要
$（“#wo#u no”）.addClass（“对象#u错误”）；
}
});
});

这是表单的代码

<form action='' method='POST' name='registerform' id='registerform'>
    <table width="93%" border="0" class='tablestr'>  
        <tr>
            <td width="22%" ><div class='tabdata' align="right"> Work Order No:&nbsp;</div></td>
            <td width="38%" ><input class='tfield' id="wo_no" size="20" type="text" name="wo_no" required='required' ></td>
            <td width="40%" align="left"><div class='tfield' id="status"></div></td>
        </tr>
        <tr>
            <td ><div class='tabdata' align="right"> Date of job (Plan):&nbsp;</div></td>
            <td ><input class='tfield' type="text" id="date_plan" name="dateplan"></td>  
        </tr>
        <tr>
            <td ><input name='Create' type='submit' class='button' id='Create' value='Create Job'></td>
        </tr>

工作单编号：
工作日期（计划）：

最后一个日期选择器

<script type="text/javascript">
    $(function() {
        $( "#date_plan" ).datepicker(); 
    });
</script>

$（函数（）{
$（“#日期计划”）.datepicker（）；
});

页面中不需要两份jQuery，尤其是不同版本的jQuery。1.2.6是非常古老的。除非您出于某些特定目的需要它，否则您应该使用更新的版本。日期选择器是jQueryUI的一部分。即使是最早的可下载版本，也至少需要jQuery 1.6。而且，“不工作”不是错误消息！请完全删除jquery 1.2.6，然后检查浏览器控制台是否有任何剩余的错误消息，并在此处报告。