表单验证ljn

最新推荐文章于 2020-04-11 16:07:39 发布
最新推荐文章于 2020-04-11 16:07:39 发布
阅读量129 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36534304/article/details/88378704
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
        div ul.a{
            list-style: none;
        }
        .a li{
            
            float: left;
            margin-left:10px;
            padding-right: 10px;
            border-right-color: black;
            border-right-style: solid;
            border-right-width: 1px;
            text-align: center
        ;
        }
        
        div ul li div{
            width: 200px;
            float: left;
        }
        div ul li input{
            float: left;
        }
        .b li{clear: both;
        height: 30px;
        margin-top: 10px;}
        </style>
    </head>
    <body>
        <div>
            <ul class="a">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">商品显示页</a>
                </li>
                <li>
                    <a href="#">购物车</a>
                </li>
                <li>
                    <a href="#">登录</a>
                </li>
                
            </ul>
        </div>
        <br />
        <div>
            <ul>
                <li>1.填写注册信息</li>
                <li>2.邮箱验证</li>
                <li>3.完成注册</li>                
            </ul>
        </div>
        
        <p style="color: red;">您所提供的资料不会做其他用途，敬请放心填写。</p>
        <form method="post" action="hello.html" οnsubmit="return pd()">
        <div>
            <ul class="b" style="list-style: none;">
                <li>
                    <div>
                        Email地址：
                    </div>
                    <input type="text"  name="email" id="email"/>
                </li>
                <li>
                    <div>
                        设置昵称：
                    </div>
                    <input type="text" name="name" id="name"/>
                </li>
                <li>
                    <div>
                        设定密码：
                    </div>
                    <input type="text" name="psw" id="psw"/>
                </li>
                <li>
                    <div>
                        再输入一次密码：
                    </div>
                    <input type="text" name="rpsw" id="rpsw"/>
                </li>
                <li>
                    <div>
                        性别：
                    </div>
                    <input type="radio" name="sex" value="man" checked="checked"/><div style="width: 30px;">男</div>                    
                    
                    <input type="radio" name="sex" value="women"/><div style="width: 30px;">女</div>
                </li>
                <li>
                    <div>
                        头像
                    </div>
                    <input type="file" />
                </li>
                <li>
                    <div>
                        爱好
                    </div>
                    <input type="checkbox" name="game" value="game" id="game"/><div style="width: 50px;">玩游戏</div>
                    <input type="checkbox" name="book" value="book" id="book"/><div style="width: 50px;">看书</div>
                    <input type="checkbox" name="sport" value="sport" id="sport"/><div style="width: 50px;">运动</div>
                    <input type="checkbox" id="sss"  οnclick="alls()"/><div style="width: 50px;">全选</div>
                </li>
                <li>
                    <div>
                        所在地区
                    </div>
                    <select name="sheng">
                        <option>江苏</option>
                    </select>
                    <select name="shi">
                        <option>如皋市</option>
                    </select>
                </li>
                <li>
                    <div>
                        注册须知
                    </div>
                    <textarea>欢迎阅读服务条款协议，本协议阐述之条款和条件适用于您使用网站的各种工具和服务。</textarea>
                </li>
                <li>
                    <div>
                        同意以上协议
                    </div>
                    <input type="checkbox" id="ty" οnclick="tty()"/>
                </li>
                <li>
                    <div>
                        
                    </div>
                    <input type="submit" value="注册" disabled="true" id="zh"/>
                </li>
            </ul>
        </div>
        </form>
        <script>
            
            window.onload = function(){
                
                
                
            }
            
            
            function tty(){
                
            if(document.getElementById("ty").checked==true){
                    document.getElementById("zh").disabled=false;
                }
                else
                {
                    document.getElementById("zh").disabled=true;
                }
            }
            
            
            function pd(){
                
                var ff=true;
                var emali=document.getElementById("email").value;
                var emailtest=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                if(!emailtest.test(emali))
                {
                    alert("email不符合规范")
                    document.getElementById("email").focus()
                    ff=false;
                }
                
                var name=document.getElementById("name");
                if(name.value=="")
                {
                    alert("昵称不规范")
                    name.focus()
                    ff=false;
                }
                var psw=document.getElementById("psw");
                if(psw.value==""){
                    alert("密码不规范")
                    psw.focus()
                    ff=false;                    
                }
                var rpsw=document.getElementById("rpsw")
                if(psw.value!=rpsw.value){
                    alert("两次密码不一致")
                    rpsw.focus()
                    ff=false                    
                }        
                
                return ff;
            }
            
            
        </script>
        <script>
            function alls(){
                if(document.getElementById("sss").checked==true){
                    document.getElementById("game").checked=true;
                    document.getElementById("book").checked=true;
                    document.getElementById("sport").checked=true;
                }
                else
                {
                    document.getElementById("game").checked=false;
                    document.getElementById("book").checked=false;
                    document.getElementById("sport").checked=false;
                }
            }
            
        </script>
        
    </body>
</html>

乘浮北冥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ljn1999.github.io
03-17
欢迎来到GitHub Pages 您可以使用的来维护和预览Markdown文件中网站的内容。 每当您提交到该存储库时，GitHub Pages都将运行从Markdown文件中的内容重建站点中的页面。 降价促销 Markdown是一种轻巧且易于使用的...
自定义表单验证
ljn1289532768的博客
04-11 381
第一步：定义验证方法 //判断电话号码格式 judgePhone: function(phone) { var strTemp = /^1[3|4|5|6|7|8|9][0-9]{9}$/; var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; if (strTemp.test(phone) || isPhone.test(phone...
关于iview表单验证对于时间选择器没反应（出现加载图标）的问题
ljn1289532768的博客
04-11 2832
出现的问题 关于修改承接项目信息功能，从后端获取指定项目的信息显示在编辑界面，在编辑界面进行修改，点击确定后，时间选择器后面形成加载圈，但并没有报任何的错误（但并不是每次操作都是这种情况，在该界面停滞久了就会可能出现），图如下 投标日期处出现加载圈 猜测可能出现问题的原因 项目环境原因，打包时的问题 网络问题 自己的电脑原因 传过来的时间格式问题 原因验证 项目环境原因，打包时的问题 今天p...
第三方支付：微信公众号接入支付宝支付开发
热门推荐
陈袁的博客
08-15 14万+
第三方支付：微信公众号接入支付宝支付开发 引言 这篇文章使用一些简单的代码例子来解释微信接入支付宝支付功能的操作步骤，即使新手也可以轻松参透的。 第三方支付是指具备一定实力和信誉保障的独立机构，采用与各大银行签约的方式，通过与银行支付结算系统接口对接而促成交易双方进行交易的网络支付模式。 使用第三方支付，我们只要申请一个帐号平台即可以支持所以银行卡信用卡支付功能，具体支付功能由第三方支
安全|跨站请求伪造(CSRF)——攻击实现与防御的代码实现【ustc-web信息安全实践课程实验三】
m0_37714470的博客
12-23 1188
实验要求：在zoobar网站上展示并防御CSRF攻击。请注意在防御时的粒度问题，防止所有人的token都一样；以及刷新太快，正常操作都失败。 一、实现CSRF攻击 前提： 我的myzoo网站的存储目录是：/home/web/myzoo 【大多数人的应该是/var/www/myzoo】 （一）攻击站点建立 1、在/home/web下建立html/csrf1.html，在csrf1.html完成攻击...
windows internals第四版英文版
05-18
windows程序员案头必备
拉普拉斯方程matlab代码-ESC384-Partial-Differential-Equations:多伦多大学ESC384的编码作业
05-26
拉普拉斯方程数学代码ESC384-偏微分方程 描述 多伦多大学ESC384（2019年秋季）作业的Matlab编码部分。 A1：Fourise正弦和余弦序列，并与原始函数进行比较。 A4：有限差分热方程求解器的实现；...或微信：Ljn13951644751
L1468999760.github.io:个人博客
03-16
说明 此博客模板Fork自定义仓库： 博客模板修订清单 文档内有详细注释，可按注释逐个修订 博客名字，作者信息，浏览器小图标等：_config.yml 个人介绍页面：about.md ...ljn（lijinning.top） 联系方式：
DIY制作——8位VFD显示屏GPS时钟（制作心得+原理图+PCB等）-电路方案
04-21
前言: 今天的主角其实是好多朋友都应该已经熟悉的8位米字VFD显示屏，由YLEEE老板一年前“隆重”推出，期间很多朋友都做过...实物购买链接:https://item.taobao.com/item.htm?spm=2013.1.0.0.lJN4W6&id=15071361340
第五次作业函数第一题代码
05-01
第五次作业函数第一题--
基于深度学习的作物病害诊断内含数据集和运行环境说明.zip
05-01
本项目旨在利用深度学习方法实现作物病害的自动诊断。作物病害是农业生产中的重要问题，及时诊断和处理对于减少产量损失至关重要。 我们采用深度学习算法，通过分析作物的图像，实现对病害的自动识别和分类。项目使用的数据集包括公开的作物病害图像数据集，如ISIC等，并进行了预处理，包括图像增强、分割和特征提取等。 在运行环境方面，我们使用Python编程语言，基于TensorFlow、PyTorch等深度学习框架进行开发。为了提高计算效率，我们还使用了GPU加速计算。此外，我们还采用了Docker容器技术，确保实验结果的可重复性。 项目完成后，将实现对作物病害的快速、准确诊断，为农业生产提供有力支持，有助于减少产量损失。同时，项目成果也可应用于其他图像识别和分类任务。
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
05-01
机械设计CD驱动印刷设备step非常好的设计图纸100%好用.zip
tensorflow-2.7.2-cp37-cp37m-manylinux2010-x86-64.whl
最新发布
05-01
python烟花代码
python烟花代码示例
05-01
附件中是一个简单的烟花效果的代码示例： 在Python中，可以使用多种方式来模拟烟花效果，其中一种常用的方法是使用turtle模块，它提供了一个画布和一个小海龟，可以用来绘制各种图形。 这段代码首先导入了turtle模块和random模块，然后在屏幕上绘制了10次烟花爆炸的效果。每次爆炸都是由5个小圆组成，颜色随机选择，圆的大小也是随机的。 请注意，这段代码需要在支持turtle模块的Python环境中运行，并且需要有图形界面的支持。如果你在没有图形界面的环境中（比如某些服务器或者命令行界面），这段代码可能无法正常运行。
商业化产品经理，到底如何实现产品商业化？.docx
05-01
商业化产品经理，到底如何实现产品商业化？.docx
Panduit 工业以太网部件内部销售指南
05-01
Panduit 工业以太网部件内部销售指南
Java版三维装箱代码示例
05-01
在Java中，实现一个三维装箱（也称为三维背包问题）的算法通常涉及到组合优化和动态规划。这个问题是一个典型的优化问题，其中目标是在三个维度的限制下最大化价值的总和。下面是一个简单的Java代码示例，它使用动态规划来解决三维装箱问题。 请注意，这个代码只是一个简单的示例，它假设所有物品的第三个维度的大小都是1，并且没有给出如何回溯选择物品的完整逻辑。在实际应用中，三维装箱问题可能更加复杂，需要考虑所有三个维度的限制，并且可能需要更复杂的算法来解决。 此外，这个问题的解决方案可能需要根据具体问题的要求进行调整，例如物品是否可以分割、是否允许超过一个的物品等。如果你有特定的问题描述或者需要进一步的帮助，请提供更多的细节。
常用品牌EPLAN部件库
05-01
常用品牌EPLAN部件库
svm二分类python 验证集
08-30
要在Python中使用SVM进行二分类并使用验证集，你可以使用sklearn库中的train_test_split函数将数据集划分为训练集和验证集。首先，你需要导入train_test_split函数。接下来，你可以按照以下步骤进行操作： 1. 将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值