2020.9.16 前端表单验证

前端表单提交验证思路

目的：点击表单提交按钮时先经过 前端js验证
解决办法：

1. 获取表单提交按钮
2. 提交按钮设置新的属性 setAttribute('click','return 方法名')
3. 将方法进行完善

        var table_button = document.getElementById('submitbutton');
        var zz = /^[0-9]*$/;

        table_button.setAttribute("click",'return clickButton()');

        //table_button.addEventListener('click',clickButton);

        function clickButton() {
            if(document.getElementsByName('CET4')[1].checked){
                let cet4 = document.getElementsByName('value_cet4')[0].value;
                if(parseInt(cet4)>= 0 && parseInt(cet4) <= 750 && zz.test(cet4)){

                }else{
                    document.getElementsByName('value_cet4')[0].focus();
                    alert("请填写正确的四级成绩(0~750)");
                    return false
                }
            }
            if(document.getElementsByName('CET6')[1].checked){
                let cet6 = document.getElementsByName('value_cet6')[0].value;
                if(parseInt(cet6)>= 0 && parseInt(cet6) <= 750 &&zz.test(cet6)){

                }else{
                    document.getElementsByName('value_cet6')[0].focus();
                    alert("请填写正确的六成绩(0~750)");
                    return false
                }
            }
        }