CSS+JS+Java设计12306登录界面

1.今天先来梳理JS部分：
众所周知，JS代码位于之间的

function checkGenValue(txtId,divId,spanId,regex,infoStr){
   
    //先从文档中获取元素
    var flag = false;
    var txtObj = document.getElementById(txtId);//txtObj是提示框中的文本对象
    var divObj = document.getElementById(divId);//divObj是输入框对象
    var spanObj = document.getElementById(spanId);//spanObj是提示框对象

//如果符合要求的话，返回true,而且提示框要隐藏，输入框要回到正常颜色
if(regex.test(txtObj.value)){
    flag = true;
    divObj.style.display = "none";
    txtObj.style.border= "1px solid red";
}else{
    //不符合要求的话，对输入框的颜色进行改变，弹出提示框，且框中有内容
    divObj.style.display = "block";
    spanObj.innerHTML = infoStr;
    txtObj.style.border = "1px solid red";
}
return flag;
}

完成了封装之后，我们可以根据业务需求进行调用：

//检查用户名
function checkUserName(){
   
    var regex = /^[\w\u4e00-\u9fa5]{6,30}$/;//用正则表达式来表达业务要求，