分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Web前端表单验证

发布时间:2023-09-06 02:04责任编辑:彭小芳关键词:Web前端

           表单选择器

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

 

:text(匹配所有单行文本框)

 

:password(匹配所有密码框)

 

:radio(匹配所有单项按钮)

 

:checkbox(匹配所有复选框)

 

:submit(匹配所有提交按钮)

 

:image(匹配所有图像域)

 

:reset(匹配所有重置按钮)

 

:button(匹配所有按钮)

 

:file(匹配所有文件域)

 

:hidden(匹配所有不可见元素,或者type为hidden的元素)

 

          表单属性过滤器

语法

描述

实例

:enabled

匹配所有可见元素

:disabled

匹配所有不可用元素

:checked

匹配所有被选中元素(复选框,单项按钮,select中的option)

:selected

匹配所有选中的option元素

 

表单验证常用的方法和事件

事件:onblur:失去焦点,当光标离开某个文本框时触发

Onfocus:获取焦点,当光标进入某个文本框时触发

方法:blur()从文本域移开焦点

Focus()在文本域中设置焦点,即获得光标

Select()获取文本域中的内容,突出显示输的区域的内容

 

文本输入提示特效示例

$(myform:text).focus(function(){

If($(this).val()==请输入正确的电子邮箱){

$(this).val(“”);

$(this).css(border,1px solid #ff0000);

}

})

什么是正则表达式

正则表达式是一个描述字符模式的对象,它是由一些特殊符号组成的,这些特殊符号和在SQL server中学过的通配符一样

RegExp对象是Regular Expression(正则表达式)的缩写,验证(电子邮箱地址,电话号码,身份证号等字符串)

定义正则表达式有两种形式:一种是普通方式,另一种是构造函数的方式

普通方式:

Var reg=/表达式/附加参数

附加参数有三个参数:

g:代表可以进行全局匹配

I:代表不区分大小写匹配

m:代表可以进行多行匹配

构造函数

Var reg =new RegExp(“表达式”,”附加参数”)

表示式的模式分为简单模式和复合模式

正则表达式的常用字符

  • /../代表模式的开始和结束
  • ^匹配字符串的开始
  • $匹配字符串的结束
  • \s任何空白字符
  • \S任何非空白字符
  • \d匹配一个数字字符等价于[0-9]
  • \D除了数字之外的任何字符,等价于[^0-9]
  • \w匹配一个数字、下划线或字母字符,等价于[A-Za-z0-9]
  • \W任何非字字符,等价于[^A-Za-z0-9]
  • .除了换行符之外的任意字符

正则表达式的重复字符

{n}匹配前一项n次

{n,}匹配前一项n次,或者多次

{n,m}匹配前一项至少n次,但不能超过m次

*匹配前一项0次,或者多次,等价于{0,}

+匹配前一项1次,或者多次,等价于{1,}

?匹配前一项0次,或者1次,也就是说前一项是可选的,等价于{0,1}

Web前端表单验证

原文地址:https://www.cnblogs.com/caotian/p/9314556.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved