进行表单是在client进行的,当点击提交时触发表单的onsubmit方法。
String对象属性:length,字符串的长度。方法,toLowerCase(),转换为小写、toUpperCase(),转换为大写、charAt(index),返回在指定位置的字符、indexOf(字符串,index),查找字符串首次出现的位置(index指開始查找的位置,一般从0開始)、substring(index1,index2),截取子字符串。
制作输入提示特效的思路:HTML DOM将文本框看做一个对象TextBox,他有事件onblur即失去焦点事件,对于文本框后的提示能够使用div使用它的innerHTML属性显示提示信息。
Textbox对象的属性:value,文本框内容。方法:blur(),从文本域中移开焦点、focus(),在文本域中设置焦点。select(),选取文本域中的内容。事件:onblur,失去焦点、onfocus,获得焦点、onkeypress,键盘按下。
符号 | 描写叙述 |
^ | 匹配字符串的開始 |
$ | 匹配字符串的结束 |
\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}. |
比如:ujnwanghualei@163.com邮箱的正則表達式为:^\w+@\w+\.[a-zA-Z]{2,3}$
可是对于xxx@yahoo.com.cn邮箱的正則表達式为:^\w+@\w+\.[a-zA-Z]{2,3}(\.[a-zA-Z]{2,3})?$
javascript中创建正則表達式对象RegExp。
创建正則表達式对象,
方法一:var reg1 = new RegExp(/正則表達式/);
方法二:var reg2 = new PegExp("要匹配的字符串","參数");(參数有三个值:i,表示忽略大写和小写;g,表示全局查找;m,表示多行查找)。
RegExp对象的方法:test(要验证的字符串)方法,用来验证目标字符串是否符合正則表達式的规则。
比如:var regQQ = /^\d{5,12}$/; var strQQ = “55”; var result =regQQ.test(strQQ);
电子邮件:
固定电话:String对象支持正則表達式的方法:1、search(正則表達式):返回匹配的位置。2、match(正則表達式):返回匹配的字符串。3、replace(正則表達式,替换字符串):返回替换后的结果。
将变量转换成正則表達式的方法:var wordText =document.getElementById("wordText").value;
var findText = document.getElementById(“findText”).value;
var reg = eval(“/”+findText+”/ig”); 这里eval的意思是运行该语句。
function $(objID){ return document.getElementById(objID);}function findString(){ var findText=$("findText").value; var wordText=$("wordText").value; var reg=eval("/"+findText+"/ig"); //忽略大写和小写,全局查找(重复查找) var resultArray=wordText.match(reg); alert("查找结果:"+resultArray);}function replaceString(){ var findText=$("findText").value; var replaceText=$("replaceText").value; var wordText=$("wordText").value; var reg=eval("/"+findText+"/ig"); //忽略大写和小写,全局查找(重复查找) var resultArray=wordText.replace(reg,replaceText); alert("替换结果:"+resultArray);}