江苏省省建设集团网站,国家工商注册查询系统官网,虚拟主机和网站的关系,深圳网站设计首选柚米文章目录 简介#xff1a;什么是正则表达式以及作用#xff1a;●文本框内容的验证#xff1a;代码演示示例#xff1a; 简介#xff1a; jQuery Form插件是一个优秀的Ajax表单插件#xff0c;可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法… 文章目录 简介什么是正则表达式以及作用●文本框内容的验证代码演示示例 简介 jQuery Form插件是一个优秀的Ajax表单插件可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 – ajaxForm() 和 ajaxSubmit() 它们集合了从控制表单元素到决定如何管理提交进程的功能。另外插件还包括其他的一些方法 formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。 什么是正则表达式以及作用 正则表达式又称规则表达式,Regular Expression在代码中常简写为regex、regexp或RE是一种文本模式包括普通字符例如a 到 z 之间的字母和特殊字符称为元字符是计算机科学的一个概念。 正则表达式中的括号()主要有两个作用分组和捕获。
分组在正则表达式中括号可以用来将一些字符组合在一起形成一个分组。这通常用于确定优先级、重复次数或特殊的匹配规则。例如(ab)可以将字符a和b组合在一起作为一个整体进行匹配。捕获当正则表达式中的括号内匹配到特定的文本时可以将这些文本保存下来以便后续使用。捕获的内容可以用于替换操作或者在其他正则表达式中进行引用。例如在替换操作中可以使用\1来引用第一个捕获的内容。
●文本框内容的验证
1、实现思路
2、使用 String 对象的 length 属性验证密码的长度
3、验证两次输入密码是否一致
4、使用 length 属性获取文本长度然后使用 for 循环和 substring ( ) 方法依次截断单个字符最后判断每个字符是否是数字
标签描述form定义供用户输入的表单input定义输入域textarea定义文本域 (一个多行的输入控件)label定义了 input 元素的标签一般为输入标题fieldset定义了一组相关的表单元素并使用外框包含起来legend定义了 fieldset 元素的标题select定义了下拉选项列表optgroup定义选项组option定义下拉列表中的选项button定义一个点击按钮
代码演示示例
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
style.over { font-size: large; font-style: italic; }.out { font-size: small; }
/style
bodydiv iddisplaydemo/div
div idtest/div
brbr
form idtheForm输入字符divinput typetext idusername onblurisString(this.value)/div输入正确的数字divinput typetext idpassword onblurisInteger(this.value)/div输入正确的电话divinput typetext idtelephone onblurisTelephone(this.value)/div确移动电话divinput typetext idmobile onblurisMobile(this.value)/div邮箱地址divinput typetext idemail onblurisEmail(this.value)/divinernet地址divinput typetext iduri onblurisUri(this.value)/divdivinput typebutton valueValidata onclickreturn validata();/div/form
script src../jQuery/jquery-1.12.4.js/script
scriptfunction validata() {if ($(#username).val() ) {alert(请输入名字);return false;}if ($(#password).val() ) {alert(请输入密码);return false;}if ($(#telephone).val() ) {alert(请输入电话号码);}if ($(#email).val() ) {$(#email).val(shuangping163.com);}}function isInteger(obj) {reg /^[-]?\d$/;if (!reg.test(obj)) {$(#test).html(bPlease input correct figures/b);} else {$(#test).html();}}function isEmail(obj) {reg /^\w{3,}\w(\.\w)$/;if (!reg.test(obj)) {$(#test).html(b请输入正确的邮箱地址/b);} else {$(#test).html();}}function isString(obj) {reg /^[a-z,A-Z]$/;if (!reg.test(obj)) {$(#test).html(b只能输入字符/b);} else {$(#test).html();}}function isTelephone(obj) {reg /^(\d{3,4}\-)?[1-9]\d{6,7}$/;if (!reg.test(obj)) {$(#test).html(b请输入正确的电话号码/b);} else {$(#test).html();}}function isMobile(obj) {reg /^(\\d{2,3}\-)?\d{11}$/;if (!reg.test(obj)) {$(#test).html(请输入正确移动电话);} else {$(#test).html();}}function isUri(obj) {reg /^http:\/\/[a-zA-Z0-9]\.[a-zA-Z0-9][\/\?%\-_~[\]\:!]*([^\\])*$/;if (!reg.test(obj)) {$(#test).html($(#uri).val() 请输入正确的inernet地址);} else {$(#test).html();}}//document加载完毕执行$(document).ready(function() {// do something here//隔行换色功能$(p).each(function(i) {this.style.color [red, green, blue, black][i % 2]});//eq(2)获取$(p)集合的第3个元素$(p).eq(2).click(function() {$(#display).css(color, blue)});//所有test中的p都附加了样式over。$(#testp).addClass(over);//test中的最后一个p附加了样式out。$(#test p:last).addClass(out);//选择同级元素还没看懂//$(#faq).find(dd).hide().end().find(dt).click(function()//选择父级元素$(a).hover(function() {$(this).parents(p).addClass(out)},function() {$(this).parents(p).removeClass(out)})//hover鼠标悬停效果toggle每次点击时切换要调用的函数 ,//trigger(eventtype): 在每一个匹配的元素上触发某类事件,//bind(eventtype,fn)unbind(eventtype): 事件的绑定与反绑定从每一个匹配的元素中添加删除绑定的事件。//方法的连写$(#display).hover(function() {$(this).addClass(over);},function() {$(this).removeClass(over);}).click(function() {alert($(#display).text())});});/script
/body
/html
