JSP:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String webRoot = request.getContextPath();
%>
记录： 完整的 JSP 页面的相关控件 和 对应的 JS 控制
JS：
//点击刷新验证码
function picReload(img) {
img.setAttribute('src', webRoot
+ '/*****.do?codeType=checkCode & a='
+ Math.random());
}
//查询编码输入框失焦事件：
function demo() {
var suid = $('#suid').val();
if(suid == ""){
$("#checkImg").click();
$("#sud").show();
}
else {
$("#sud").hide();
}
}
//证件号码输入框失焦事件：
function demo2() {
var type = $('#type').val();
var cardid = $('#cardid').val();
var reg=/^[1-9]\d{5}[1-9]\d{3}((0[1-9])|(1[0-2]))((0[1-9])|([1-2][0-9])|(3[0-1]))\d{3}(\d|x|X)$/;
if(type == '居民身份证' && !reg.test(cardid)){
$("#checkImg").click();
$("#cid").show();
}else if(cardid == ""){
$("#checkImg").click();
$("#cid").show();
}else {
$("#cid").hide();
}
}
function upperCase(){
var suid = $('#suid').val();
var name = $('#name').val();
var cardid = $('#cardid').val();
if(suid =="" || name =="" || cardid==""){
//查询按钮设置为不可用
$("#chaxun").attr("disabled",true);
}else{
$("#chaxun").attr("disabled",false);
}
}
function search(){
var name = $('#name').val();
var type = $('#type').val();
var cardid = $('#cardid').val();
var suid = $('#suid').val();
var useryzm = $('#imgCheck').val();
query(name, type, cardid, suid, useryzm);
}
function query(name, type, cardid, suid, useryzm){
$('#result1').empty(); //清空查询结果显示域
$.ajax({
type : "POST",
traditional : true,
url : webRoot+'/search/******.do',
data : {
"applyNo" : suid,
"username" : name,
"licenseType" : type,
"licenseNo" : cardid,
"useryzm" : useryzm,
},
dataType : 'json',
beforeSend: function(XMLHttpRequest) {
$("#result1").html("
正在查询，请稍候......");
},
success : function(res) {
console.log(res.type)
if( res.type == "nodata" ){
$('#result1').html("未查到相关结果，请确认信息是否填写正确。如有疑问，请拨打电话000-000000。");
$('#checkImg').click(); //刷新验证码
$('#imgCheck').val(""); //清空验证码
}else if( res.type == "yes" ){
$('#result1').html(res.suggestion);
$("#checkImg").click();
$('#imgCheck').val("");
}else if(res.type == "no"){
$('#result1').html("验证码错误");
$("#checkImg").click();
$('#imgCheck').val("");
}
}
});
}
function showResult(url){
document.documentElement.scrollTop = document.body.scrollTop =0; //不滚动页面
var resultUrl = encodeURI(encodeURI(webRoot+url));
$.setupJMPopups({
screenLockerOpacity: "0.9"
});
$.openPopupLayer({
name: "applicantLoginPopup",
width: $(window).width()*0.9,
url: resultUrl
});
}