简单验证

最新推荐文章于 2023-08-27 13:00:59 发布
最新推荐文章于 2023-08-27 13:00:59 发布
阅读量239 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/My_emotions_L/article/details/78482897
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>周考1</title>
    <script src="jquery-2.1.0.js"></script>
    <script>
        //点击按钮，验证输入框用户名是否为空
        $(function(){            
            //给按钮添加点击事件
            /*$("#sub").click(function(){
                var name = $("#name").val();
                if(name == null || name == "" ){
                    alert("用户名不能为空");
                }
            });*/
            
            //创建p标签
            /*var $p = $("<p title='haha'>p标签</p>");
            alert($p.html());
            
            $("#mytable").append($p);*/
            
            $("#sub").click(function(){
                //拿到用户名、密码、邮箱
                var name = $("#name").val();
                var pwd = $("#pwd").val();
                var email = $("#email").val();
                //alert(name);
                //创建td标签
                var td1 = $("<td>"+name+"</td>");
                var td2 = $("<td>"+pwd+"</td>");
                var td3 = $("<td>"+email+"</td>");
                
                //创建tr
                var tr = $("<tr></tr>");
                tr.append(td1);
                tr.append(td2);
                tr.append(td3);
                
                //将tr插入到tbady中
                $("#mytable").append(tr);
            });
            
        });
    </script>
</head>

<body>
    <table>
        <caption id="time">系统时间:
            
        </caption>
        <tbody>
            <tr>
                <td>
                    账号
                </td>
                <td><input type="text" id="name"/></td>
                <td>
                    不能为空
                </td>
            </tr>
            <tr>
                <td>
                    密码
                </td>
                <td><input type="password" id="pwd"/></td>
                <td>
                    不能小于6位
                </td>
            </tr>
            <tr>
                <td>
                    邮箱
                </td>
                <td><input type="text" id="email"/></td>
                <td>
                    不能为空
                </td>
            </tr>
            <tr>
                <td align="center" colspan="3">
                    <input type="button" value="添加" id="sub"/>
                </td>
            </tr>
        </tbody>
    </table><br/>
    <table>
        <tbody id="mytable">
            <tr>
                <td>
                    账号
                </td>
                <td>密码</td>
                <td>
                    邮箱
                </td>
            </tr>
        </tbody>
    </table>
    
    
    
</body>

</html>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>周考1</title>
    

</head>

<body>
    <table>
        <caption id="time">系统时间:
            
        </caption>
        <tbody>
            <tr>
                <td>
                    账号
                </td>
                <td><input type="text" id="name"/></td>
                <td>
                    不能为空
                </td>
            </tr>
            <tr>
                <td>
                    密码
                </td>
                <td><input type="password" id="pwd"/></td>
                <td>
                    不能小于6位
                </td>
            </tr>
            <tr>
                <td>
                    邮箱
                </td>
                <td><input type="text" id="email"/></td>
                <td>
                    不能为空
                </td>
            </tr>
            <tr>
                <td align="center" colspan="3">
                    <input type="button" value="添加" id="sub" οnclick="show()"/>
                </td>
            </tr>
        </tbody>
    </table><br/>
    <table>
        <tbody id="mytable">
            <tr>
                <td>
                    账号
                </td>
                <td>密码</td>
                <td>
                    邮箱
                </td>
            </tr>
         
        </tbody>
    </table>
    
    
    <script>
        var date = new Date();
        var time = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
        document.getElementById("time").innerHTML = "系统时间:" + time;
        
        //点击按钮验证用户名不为空
        function show(){
            //方式一：用多重if else判断。麻烦
            //方式二：return (false);
            //方式三：设置标志位。
            
            var flag = true;
            
            var name = document.getElementById("name").value;
            if( name == "" || name == null){
                alert("用户名不能为空");
                //return;
                flag = false;
            }
            
            var pwd = document.getElementById("pwd").value;
            var size = pwd.length;
            if( size<6 ){
                alert("密码长度不能小于6");
                //return false;
                flag = false;
            }
            
            var email = document.getElementById("email").value;
            if( email == "" || email == null){
                alert("邮箱不能为空");
                //return;
                flag = false;
            }
            
            
            if(flag){
                //如果添加成功，将数据做显示
                //通过createElement方法创建标签元素，传入一个合法的标签名。
                var tr = document.createElement("tr");
                var td1 = document.createElement("td");
                var td2 = document.createElement("td");
                var td3 = document.createElement("td");
                //给表格添加内容
                td1.innerHTML = name;
                td2.innerHTML = pwd;
                td3.innerHTML = email;
                
                //将表格添加到tr中
                tr.appendChild(td1);
                tr.appendChild(td2);
                tr.appendChild(td3);
                //将tr放入表格中做显示
                document.getElementById("mytable").appendChild(tr);
            }
        }
        
    </script>
</body>
</html>



人道烘炉_L
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序基本命令
aiven1637的博客
10-30 3308
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
简单权限认证
maojiafeng的博客
07-27 160
这两天在做一个小型管理系统的权限系统，最初考虑了spring security，发现很多地方都不清楚具体实现细节，看文档明显来不及，因为需要两天之内做好。刚好最近看到java eye上面有篇文章，说到可以用类似linux的权限管理的思路，利用二进制每位的0，1分别代表有无权限，按位与得到结果,具体思路看博文： http://www.dukai168.cn/blog/63.html 具体实现步骤...
一个简单的验证带验证提示例子
youshini的专栏
11-05 1039
      该例子的源码来源于《锋利的JQuery》这本书。Jquery，怎么说呢？不说别的，开发基于js脚本的web页面的人，真的很值得看看。它对js原生代码的封装的很好，有点面向接口编程的思想，不用知道具体的实现，对于很多方法直接拿来用就OK了。而且还有行为和表现的分离这层思想。。。感觉学了点皮毛，又感觉收获很多。      还有很多的plugins可供学习。。。下面是Validate插件
Qt http 的认证方式以及简单实现
黑塞的博客
08-27 1168
WWW-Authenticate` 和 `Authenticate` 是两个与HTTP认证相关的HTTP头部字段，用于客户端和服务器之间交换身份验证信息。它们的区别在于使用的上下文和位置。
SV小项目—异步fifo的简单验证环境搭建（全）_Verification_White的博客-CSDN博客_fifo验证.mht
08-16
SV小项目—异步fifo的简单验证环境搭建（全）_Verification_White的博客-CSDN博客_fifo验证.mht
jquery实现简易验证插件封装
10-14
### jQuery实现简易验证插件封装知识点概述 #### 1. jQuery简介 jQuery是一个快速、小巧且功能丰富的JavaScript库，它封装了JavaScript常用的操作，简化了HTML文档遍历和事件处理、动画和Ajax交互等操作。通过...
Angular简单验证功能示例
10-18
在本示例中，我们将探索如何使用Angular的内置验证功能来实现一个简单的验证流程。 Angular简单验证功能主要涉及以下几个方面的知识点： 1. **AngularJS事件响应**：AngularJS中的ng-click指令被用于监听HTML元素...
layui在form表单页面通过Validform加入简单验证的方法
10-16
本文将介绍如何在Layui框架下，对form表单页面进行简单验证的方法，使用的是Layui提供的Validform模块。 首先，要在Layui框架中引入Validform模块，需要确保已经正确加载了Layui核心模块，然后加载Validform模块的...
Random实现验证码的简单示例
程序员云帆哥的博客
05-14 4765
验证码（CAPTCHA）是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试，
简单的验证码识别
热门推荐
菜鸡的博客
03-08 3万+
这是我尝试写的第一篇技术博客，借鉴了很多博客和教程，写出了自己的代码，代码较为冗杂而且程序十分耗时。所以本文主要提供验证码识别的一个简单的思路，代码实现的部分还望各位大佬指点。 看了好几篇验证码图片识别的博文，不难归纳出验证码识别的大概思路是收集训练集——&gt;图像处理——&gt;得到图片特征值——&gt;训练——&gt;识别，其中图像处理部分又包括了灰度化、二值化、去噪、分割等过程。本文...
最简单表单验证的实现方式
xiaokun
06-21 3970
表单验证一直是一些前端掌握不精确的人的痛处，我也试了很多方法，不生效是很难受的过程， 碰过很多壁，才搞出来的，给大家分享一下心得。&lt;body&gt;中是这么写的 &lt;div class="form-group"&gt; &lt;label for="exampleInputEmail1" class="col-sm-2...
Java简单验证码识别（附源码）
会笑的小猪的博客
07-30 1万+
学习目的：熟悉java类集与IO流操作，熟悉图像基本知识 可识别的图形：该验证码下载网址为：http://www.quanjing.com/createImg.aspx （这个验证码可以采集，在我上一篇http://blog.csdn.net/q651742112/article/details/76177275有源代码）思路：这个验证码比较规则，数字都是显示在固定的区域，数字也无粘连，实现步骤
用正则表达式简单验证
Infinityfeng的博客
06-17 1965
这是一篇简单的博客，希望对你有所帮助。 什么是正则表达式？正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户 名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外， 正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要 的特定部分(提取)等 。 其他语言也会使用正则表达式，本阶段我们主要是利
一个简单的表单验证
Xinghen的博客
01-07 893
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script> <style type="text/css">
802.11简单认证过程
eydwyz的专栏
04-11 1万+
简要过程： sta发探测帧 －》 AP响应探测帧并关联 －》STA收到响应发送802.11低级认证 －》 AP收到认证响应－》Sta选定AP关联－》AP关联回复－》开始传输数据。如果设置了安全性，则可能需要WPA/WPA2/802.1X认证才能发送数据。 详细过程： 1. 用户（Sta）发送探测请求以发现其邻近范围内的802.11网络。探测请求广播移动台支持的数据速率和802.1
QSS教程详细解说.zip
最新发布
09-04
qss
1《华为基本法》.pdf
09-04
1《华为基本法》
jQuery封装简易验证插件实战教程
jQuery实现简易验证插件的封装通常包括以下几个步骤： 1. **定义验证规则**：在HTML元素中，我们可以添加自定义属性来指定验证规则。例如，`data-vt-required`表示是否必填，`data-vt-regexp`定义正则表达式进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值