JavaScripe 相关知识代码

函数 与 事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>报名表</title>
    </head>
    <body>
        <form action="#" method="post" onsubmit="return check()">
            学员姓名：<input id="sname" name="sname" type="text" /><br />
            学员性别：
            男 <input type="radio" name="sex" />
            女 <input type="radio" name="sex" /> <br />
            报名科目：<select id="subject" name="subject">
                        <option value="0">请选择</option>
                        <option value="1">语文</option>
                        <option value="2">英语</option>
                        <option value="3">数学</option>
                    </select> <br />
            报名时间：<input id="date" type="date" /><br />        
            <input type="submit" value="提交" />
        </form>
        
        <script>
            function check() {
                name= document.getElementById("sname").value;
                if(name.length > 10) {
                    alert("学员姓名长度不能超过10个字符！");
                    document.getElementById("sname").value="";
                    return false;
                }
                
            }
        </script>
    </body>
</html>
View Code

 

posted @ 2017-08-11 10:37  Zero豪  阅读(280)  评论(0)  编辑  收藏  举报