zoukankan      html  css  js  c++  java
  • 表单

    表单内容验证:
    1,阻止用户输入非法字符 ------阻止事件
    2,输入时,失去焦点时验证-------onkeyup,onblur
    3,提交时检查-----------------onsubmit
    *后台数据检查。
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="https://www.baidu.com" method="get" id="form1">
        用户:<input type="text" name="user">
        密码:<input type="password" name="pass">
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form>
    表单内容验证:
    1,阻止用户输入非法字符  ------阻止事件
    2,输入时,失去焦点时验证-------onkeyup,onblur
    3,提交时检查-----------------onsubmit
    *后台数据检查。
    </body>
    </html>
    <script type="text/javascript">
        window.onload = function () {
            var oForm = document.getElementById("form1");
            var oUser = document.getElementsByName("user")[0];
            var oPass = document.getElementsByName("pass")[0];
            oForm.onsubmit = function () {
                if(oUser.value ==''||oPass.value == ''){
                    alert("请填写完");
                    return false;//阻止默认行为
                }
            }
            oForm.onreset = function () {
    //            if(confirm("是否清空")){
    //                return true;
    //            }else{
    //                return false;
    //            }
                //简化
                return confirm("是否清空");
            }
        }
    </script>
  • 相关阅读:
    fastjson反序列化漏洞研究(上)
    csv注入复现代码
    day24-python之面向对象
    day23-python之日志 re模块
    day22-python之模块
    day21-python模块
    day20-python之装饰器
    day18-python之迭代器和生成器
    day17-python之文件操作
    day16-python之函数式编程匿名函数
  • 原文地址:https://www.cnblogs.com/wang715100018066/p/6065156.html
Copyright © 2011-2022 走看看