Menu
正则方法
- pattern.test()
- pattern.exec()
概念范例
<body>
<input id="content" type="text" size="50">
<br>
<br>
<input id="btn1" type="button" value="test">
<input id="btn2" type="button" value="exec">
<input id="btn3" type="button" value="search">
<input id="btn4" type="button" value="match">
<input id="btn5" type="button" value="replace">
<input id="btn6" type="button" value="split">
<script>
// 正则方法 test()
window.onload = function(){ // 网页载入时绑定函数
$("btn1").onclick = function(){ // 左击btn1时绑定函数
var content = $("content").value; // 获取id为content输入框的内容
var pattern = /abc\d\d\dabc/gi; // 创建正则表达式的规则
var result = pattern.test(content); // 用规则验证输入框输入的内容是否符合规则
window.alert(result) // 把结果alert到屏幕上
}
// 正则方法 exec()
$("btn2").onclick = function(){
var content = $("content").value;
var pattern = /\d\d\d/g;
var resultarray = new Array();
while(result=pattern.exec(content)){
resultarray.push(result)
}
window.alert(resultarray)
}
$("btn3").onclick = function(){
var content = $("content").value;
var pattern = /\d\d\d/g;
result = content.search(pattern);
window.alert(result)
}
$("btn4").onclick = function(){
var content = $("content").value;
var pattern = /\d\d\d/g;
result = content.match(pattern);
window.alert(result);
}
$("btn5").onclick = function(){
var content = $("content").value;
var pattern = /\d/g;
result = content.replace(pattern, "N");
document.getElementById("content").value = result;
alert(result);
}
$("btn6").onclick = function(){
var content = $("content").value;
var pattern = /\d\d\d/g;
result = content.split(pattern);
$("content").value = result;
}
}
function $(id){
return document.getElementById(id);
}
</script>
</body>
'''
'''
