课后作业-雇员注册表单

作业题目:

作业代码:

<html>
<form action="" method="post">
雇员编号<input type="text" id="id1" name="number" size=4><br>
雇员姓名<input type="text" id="id2" name="username" size=4><br>
雇员工作<input type="text" id="id3" name="job" size=4><br>
雇员日期<input type="text" id="id4" name="date" size=4><br>
基本工资<input type="text" id="id5" name="page" size=4><br>
奖金<input type="text" id="id6" name="uppage" size=4><br>
<input type="submit" value="提交" id="id7" onclick="checkform()" />
<script type="text/javascript">
function checkform(){
        
    if(document.getElementById('id1').value.length==0)
    {alert('编号为空');
    document.getElementById('id1').focus();
    return false;}
    var value = document.getElementById("id1").value;
    var reg=/^[1-9]\d*$|^0$/;   
    if(reg.test(value)!=true)
    {alert('编号不是数字');
    document.getElementById('id1').focus();
    return false;}

    if(document.getElementById('id2').value.length==0)
    {alert('姓名为空');
    document.getElementById('id2').focus();
    return false;}

    if(document.getElementById('id3').value.length==0)
    {alert('工作为空');
    document.getElementById('id3').focus();
    return false;}

    if(!document.getElementById("id4").value.match("^[0-9]{4,4}/[0-9]{2,2}/[0-9]{2,2}$")) 
    {alert( "日期格式错误 xxxx/xx/xx");
    document.getElementById('id4').focus();
    return false;}

    if(!document.getElementById("id5").value.match("^[0-9]{1,9}.[0-9]{2,2}$"))
    {alert( "工资格式错误x...x.xx ");
    document.getElementById('id5').focus();
    return false;}
    
    if(!document.getElementById("id6").value.match("^[0-9]{1,9}.[0-9]{2,2}$"))
    {alert( "奖金格式错误x...x.xx ");
    document.getElementById('id6').focus();
    return false;}
}
</script>
</form>
<body>
</body>
</html>

运行截图:

        

            

学会的东西:

正则表达式 ^……$开始和结束的标志;[0-9]表示0~9,{0,1}0或1,{0,9}0或1或2或……或9,当然也可以{4,4}就代表有4个;[]{}算一对,每队之间也可以加格式,比如我们要判断xxxx-xx-xx/xxxx-xx-x日期就可以写:^[0-9]{4,4}-[0-9]{2,2}-[0-9]{1,2}$,然后直接判断就行,正则表达式如果不符合返回false符合会返回true,所以大胆用if判断就好。

感悟:

《请回答1988》除了阿泽到中国比赛时剧中反映对中国的敌视之外还是很好看的,无止境的走亲戚但也很好吃,不想><开学。。。

 

posted @ 2017-02-01 23:42  陶雨洁  阅读(575)  评论(0编辑  收藏  举报