项目中遇到一个需求:
采集地区代码时,输入地区数字代码或者地区名称,展示模糊选项,并且对输入的内容进行校验。
采用jQuery ui 插件解决,jQuery ui 下载地址。
遇到如下问题:在触发select事件时,调用bootStrap校验函数不生效。
代码如下:
$(#areaCode).autocomplete({
source:districtCode,
minLength:2,
select:function(event,ui){
TaskDetail.validateAreaCode();
}
})
摸索过程中,发现调用之前加入alert就会生效。
$(#areaCode).autocomplete({
source:districtCode,
minLength:2,
select:function(event,ui){
alert(ui.item.value);
TaskDetail.validateAreaCode();
}
})
网上搜索一番,此篇文章给予了启发:解决js代码中加入alert()就成功执行,不加就不对的问题。
最终代码改为:
$(#areaCode).autocomplete({
source:districtCode,
minLength:2,
select:function(event,ui){
setTimeout(TaskDetail.validateAreaCode,100);
}
})
解决了验证问题。