注册交单的校验

2023-10-29 13:50
文章标签 校验 注册 交单

本文主要是介绍注册交单的校验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 <!--需求:表单校验
 思路:1 写好表单框架
     2 用js分别写好每个表单功能的校验的方法,
  3 把所有的方法封装到一起
  -->
 
 <script type="text/javascript">
  //性提高代码的复用
  function check(name,id,regex,truecode,falsecode){
   var flag=false;
   var val =document.getElementsByName(name)[0].value;
   var spannode=document.getElementById(id);
   if(regex.test(val)){
    spannode.innerHTML=truecode.fontcolor("green");
    flag=true;
   }else{
    spannode.innerHTML=falsecode.fontcolor("red");
   }
   return flag;
  }
  //校验用户名
  function checkuser(){
   var useregex =new RegExp("^[a-zA-Z]{4}$");
   return check("usename","userspan",useregex,"用户名正确","用户名错误");
  }
  //校验密码
  function checkpsw(){
   var pswregex=new RegExp("^[0-9]{4}$");
   return check("psw","pswspan",pswregex,"密码正确","密码错误");
  }
  //校验确认密码
  function checkpsw2(){
   var psw2flag=false;
   var psw2name=document.getElementsByName("psw2")[0];
   var pswname=document.getElementsByName("psw")[0];
   var psw2val=psw2name.value;
   var pswval=pswname.value;
   var psw2spannode=document.getElementById("psw2span");
   if(psw2val==pswval){
    psw2spannode.innerHTML="确认密码正确".fontcolor("green");
    psw2flag=true;
   }else{
    psw2spannode.innerHTML="确认密码错误".fontcolor("red");
   }
   return psw2flag;
  }
  //校验性别
  function checksex(){
   var sexflag=false;
   var sexnode=document.getElementsByName("sex");
   for(var x=0;x<sexnode.length;x++){
    if(sexnode[x].checked){
     sexflag=true;
     break;
    }
   }
   if(!sexflag){
    var sexspannode=document.getElementById("sexspan");
    sexspannode.innerHTML="请选择性别".fontcolor("red");
   }
   return sexflag;
  }
  //校验下拉菜单
  function checkselect(){
   var selectflag=false;
   var menunode =document.getElementsByName("country")[0];
   var menu_options=menunode.options;
   var menuspannode=document.getElementById("menuspan");
   if(menu_options[menunode.selectedIndex].value=="none"){
    menuspannode.innerHTML="请选择国家".fontcolor("red");
   }else{
    selectflag=true;
   }
   return selectflag;
  }
  //校验表单
  function checkform(){
   if(checkuser()&&checkpsw()&&checkpsw2()&&checksex()&&checkselect()){
    return true;
   }else{
    return false;
   }
  }
 </script>
 
 <form id="formid" οnsubmit="return checkform()">
  用户名称:<input type="text" name="usename" οnblur="checkuser()"/><span id="userspan"></span><br/>
  输入密码:<input type="password" name="psw" οnblur="checkpsw()"/><span id="pswspan"></span><br/>
  确认密码:<input type="password" name="psw2" οnblur="checkpsw2()"/><span id="psw2span"></span><br/>
  选择性别:<input type="radio" name="sex" value="nan"/>男 <input type="radio" name="sex" value="nv"/>女<span id="sexspan"></span><br/>
  选择国家:<select name="country" οnchange="checkselect()">
   <option value="none">选择国家</option>
   <option value="cn">中国</option>
   <option value="en">英国</option>
  </select><span id="menuspan"></span><br/>
  <input type="submit" value="提交"/><input type="reset" value="重置"/>
  <!-- <input type="button" value="提交按钮" οnclick="checkform()"/> -->
 </form>
</body>
</html>

转载于:https://my.oschina.net/u/1589656/blog/263587

这篇关于注册交单的校验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/301070

相关文章

Spring 源码解读:自定义实现Bean定义的注册与解析

引言 在Spring框架中,Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义,Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制,帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry,以全面掌握Bean注册和解析的核心原理。

校验码:奇偶校验,CRC循环冗余校验,海明校验码

文章目录 奇偶校验码CRC循环冗余校验码海明校验码 奇偶校验码 码距:任何一种编码都由许多码字构成,任意两个码字之间最少变化的二进制位数就称为数据检验码的码距。 奇偶校验码的编码方法是:由若干位有效信息(如一个字节),再加上一个二进制位(校验位)组成校验码。 奇校验:整个校验码中1的个数为奇数 偶校验:整个校验码中1的个数为偶数 奇偶校验,可检测1位(奇数位)的错误,不可纠错。

Chapter 13 普通组件的注册使用

欢迎大家订阅【Vue2+Vue3】入门到实践 专栏,开启你的 Vue 学习之旅! 文章目录 前言一、组件创建二、局部注册三、全局注册 前言 在 Vue.js 中,组件是构建应用程序的基本单元。本章详细讲解了注册和使用 Vue 的普通组件的两种方式:局部注册和全局注册。 本篇文章参考黑马程序员 一、组件创建 ①定义 Vue 组件是一种具有特定功能的 Vue 实

c++11工厂子类实现自注册的两种方法

文章目录 一、产品类构建1. 猫基类与各品种猫子类2.狗基类与各品种狗子类 二、工厂类构建三、客户端使用switch-case实现调用不同工厂子类四、自注册方法一:公开注册函数显式注册五、自注册方法二:构造函数隐形注册总结 一、产品类构建 1. 猫基类与各品种猫子类 class Cat {public:virtual void Printer() = 0;};class

SAP学习笔记 - 开发02 - BTP实操流程(账号注册,BTP控制台,BTP集成开发环境搭建)

上一章讲了 BAPI的概念,以及如何调用SAP里面的既存BAPI。 SAP学习笔记 - 开发01 - BAPI是什么?通过界面和ABAP代码来调用BAPI-CSDN博客 本章继续讲开发相关的内容,主要就是BTP的实际操作流程,比如账号注册,登录,BTP集成开发环境的搭建这方面。 目录 1,账号注册 2,BTP登录URL 3,如何在BTP上进行开发? 以下是详细内容。 1,账

web登录校验

基础登录功能 LoginController @PostMapping("/login")Result login(@RequestBody Emp emp) {log.info("前端,发送了一个登录请求");Emp e = empService.login(emp);return e!=null?Result.success():Result.error("用户" +"名或密码错误");

吐血整理nacos 作为springcloud的配置中心和注册中心

吐血整理nacos 作为配置中心和注册中心 环境版本nacos 版本 nacos启动单机模式启动配置数据库 Spring cloud 连接注册Nacos配置中心导入依赖 注册中心 环境版本 SpringBoot版本SpringCloud版本cloud Alibaba版本2.6.132021.0.52021.0.5.0 参照依据 spring-cloud-alibab 对应

【中国国际航空-注册/登录安全分析报告】

前言 由于网站注册入口容易被黑客攻击,存在如下安全问题: 1. 暴力破解密码,造成用户信息泄露 2. 短信盗刷的安全问题,影响业务及导致用户投诉 3. 带来经济损失,尤其是后付费客户,风险巨大,造成亏损无底洞 所以大部分网站及App 都采取图形验证码或滑动验证码等交互解决方案, 但在机器学习能力提高的当下,连百度这样的大厂都遭受攻击导致点名批评, 图形验证及交互验证方式的安全性到底如

spring数据校验Validation

文章目录 需要的依赖创建校验对象Validator 需要的依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-validation</artifactId></dependency> 创建校验对象Validator 测试的实体类 //创建实体

spring项目使用邮箱验证码校验

本项目采用免费QQ邮箱验证码方式进行登录安全的校验。 前期工作 申请邮箱安全授权码 打开QQ邮箱官网点击设置 进入设置页面后点击账户按钮  进入账户后一直往下拉页面找到POP3服务栏,然后点击管理服务(如果没有开启服务需要先开启服务,按照邮箱提示操作即可) 进入管理服务页面后如果没有授权码,点击生成授权码,如果有即可进入授权码管理页面查看。 授权码过一段时间会自动过期,需要重