zoukankan      html  css  js  c++  java
  • 表单校验及正则表达式

    表单校验验证必要性

    前言:

    表单是根据用户传递的不同参数,生成不同的表单,如:每当人们注册一个账号,他都会需要经过表单验证这一说,其中会有那些数据呢,账号是必须要有的,当然有了账号必须要有密码,这些都有了还缺少什么数据,我们首先想到的就是登陆和注册。

    我们先把密码和账号分别对应的写在相应的框框里面,当然密码和账号是正确的,我们现在需要登陆一下它,我们只知道他表面的情况,而不知道他内部有什么工作,只知道表面的QQ正在登陆中,其中的过程还需要等待几秒。在这期间判断符合规范,符合从数据库拿给用户。

    定义验证规则和出错信息

    1.邮箱必须含有@

    2.手机必须是数字

    3.用户名最小长度为4,最大长度为30

    安全威胁:

    1.SQL注入

    2.操纵GET和POST变量

    3.缓冲区溢出攻击

    4.跨站点脚本攻击(xss)

    5.浏览器内的数据操纵和远程表单提交

    表单选择器

    常用选择器:

    input:匹配所有input、textarea、select和button元素

    text:匹配所有单行文本框

    password:匹配所有密码框

    radio:匹配所有单项按钮

    checkbox:匹配所有复选框

    submit:匹配所有提交按钮

    reset:匹配所有重置按钮

    button:匹配所有按钮

    image:匹配所有图像域

    file:匹配所有文件域

    hidden:匹配所有不可见元素

    属性选择器

    enabled:匹配所有可用元素

    disabled:匹配所有不可用元素

    checked:匹配所有被选中元素

    select:匹配所有选中的option元素

    表单事件和方法

    事件:onblur 失去焦点 onfoces 获得焦点

    方法:blur() 从文本域中移开焦点 focus() 在文本域中设置焦点,即获得鼠标光标 select()选取文本域中的内容,突出显示输入区域的内容

    正则表达式

    优点:简洁的代码、严谨的验证文本框中的内容、

  • 相关阅读:
    数据库字典
    目录结构-模板目录
    vuex
    innerHTML,innertext,textContent区别
    组件传值
    深拷贝和浅拷贝
    关于element ui头像上传问题
    常用的字符串截取的方法
    接口报错之number值过大问题
    node_modules?
  • 原文地址:https://www.cnblogs.com/zhrehe-11/p/13492913.html
Copyright © 2011-2022 走看看