我已将jQuery validate包含在我的网站上以上传广告文件.
我不知道为什么,但这不起作用.
<form enctype="multipart/form-data" action="upload_data.jsp" id="formToPushAd" method="post">
<table>
<tr>
<td width="100px">Ad Image:</td>
<td><input type="file" name="file"/></td>
</tr>
<tr>
<td width="100px">Ad URL:</td>
<td><input type="text" name="adUrl"/></td>
</tr>
<tr>
<td>Starting Date:</td>
<td><input type="text" id="datepicker1" name="datepicker1" /></td>
</tr>
<tr>
<td>Ending Date:</td>
<td><input type="text" id="datepicker2" name="datepicker2" onchange="dateSelected()"/></td>
</tr>
<tr>
<td><input type="submit"/></td>
在此脚本之前添加了jQuery validate脚本
而js文件是:
$().ready(function(){
$("#formToPushAd").validate({
rules:{
file:{
required:true
},
adUrl:{
required:true,
url:true
},
datepicker1:{
required:true,
date:true
},
datepicker2:{
required:true,
date:true,
}
},
messages:{
file:{
required:"Please Select a frequency"
},
adUrl:{
required:"Please enter ad url"
},
datepicker1:{
required:"Please Enter a date",
date:"Please Enter a valid date"
},
datepicker2:{
required:"Please Enter a date",
date:"Please Enter a valid date"
}
}
})
});
问题是什么?
解决方法:
我认为您不包括jQuery和验证库,因为将标头添加到标头后它可以正常工作
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>
$().ready(function(){
$("#formToPushAd").validate({
rules:{
file:{
required:true
},
adUrl:{
required:true,
url:true
},
datepicker1:{
required:true,
date:true
},
datepicker2:{
required:true,
date:true,
}
},
messages:{
file:{
required:"Please Select a frequency"
},
adUrl:{
required:"Please enter ad url"
},
datepicker1:{
required:"Please Enter a date",
date:"Please Enter a valid date"
},
datepicker2:{
required:"Please Enter a date",
date:"Please Enter a valid date"
}
}
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"></script>
<form enctype="multipart/form-data" action="upload_data.jsp" id="formToPushAd" method="post">
<table>
<tr>
<td width="100px">Ad Image:</td>
<td>
<input type="file" name="file" />
</td>
</tr>
<tr>
<td width="100px">Ad URL:</td>
<td>
<input type="text" name="adUrl" />
</td>
</tr>
<tr>
<td>Starting Date:</td>
<td>
<input type="text" id="datepicker1" name="datepicker1" />
</td>
</tr>
<tr>
<td>Ending Date:</td>
<td>
<input type="text" id="datepicker2" name="datepicker2" onchange="dateSelected()" />
</td>
</tr>
<tr>
<td>
<input type="submit" />
</td>
</tr>
</form>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。