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
原文地址:https://www.cnblogs.com/xuewuzhijing95hao/p/7344595.html