Jsp中onBlur事件在引入jqury后提示函数失效
onBlur事件
onblur 事件会在对象失去焦点时发生。 语法 οnblur=“SomeJavaScriptCode” 参数描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。
问题
正常情况下onBlur事件绑定一个js函数是没有问题的,但是在js中引入jQuery后就会失效,提示:Uncaught ReferenceError: XXX is not defined。
解决思路
尝试了多中解决情况均没有效果,最终一步步排查,终于查到问题。
如下方式1中,标红的是引入jqury。问题就在这里,如果这里引入了就会报函数未定义。
方式1、<script type=“text/javascript” src="jquery/jquery-1.8.3.min.js>
function checkCode1() {
var check = false;
$.ajax( {
type : “post”,//请求方式
url : “CheckCodeServlet”,//发送请求地址
async : false,
dataType: “html”,。。。}
</script>
解决方式2、将引入操作放到另一个<script>中,<script type=“text/javascript” >
function checkCode1() {
var check = false;
$.ajax( {
type : “post”,//请求方式
url : “CheckCodeServlet”,//发送请求地址
async : false,
dataType: “html”,。。。}
</script>
<script type=“text/javascript” src="jquery/jquery-1.8.3.min.js ></script>
问题解决,如果有更好的方式,欢迎交流。