jsRegex驗證

標籤：

有時候會要驗證自己寫的Regex是否正確

所以寫了這個小東西：

demo:jsRegex驗證

 

html:

1 <h3>綠色表示匹配，紅色表示不匹配</h3>2 <label>請在下框填入Regex</label><br />3 4 <textarea id="regexp"></textarea><br />5 6 <label>請在下框填需要驗證的式子</label><br />7 8 <textarea id="needtest"></textarea>

css:

1 #regexp,#needtest { height:100px; width:300px; resize:none; font-weight:bold;}

javascript:

 1 window.onload = function(){ 2      3      4      5     document.getElementById(‘needtest‘).onkeyup = function(){ 6         var ret = document.getElementById(‘regexp‘).value; 7         ret = ‘^‘ + ret + ‘$‘; 8         var re = new RegExp(ret) 9         10         if(re.test(document.getElementById(‘needtest‘).value)){11             12             document.getElementById(‘needtest‘).style.color = ‘green‘;13         }else{14             document.getElementById(‘needtest‘).style.color = ‘red‘;15         }16     }17     18     document.getElementById(‘regexp‘).onkeyup = function(){19         var ret = document.getElementById(‘regexp‘).value;20         ret = ‘^‘ + ret + ‘$‘;21         var re = new RegExp(ret)22         23         if(re.test(document.getElementById(‘needtest‘).value)){24             25             document.getElementById(‘needtest‘).style.color = ‘green‘;26         }else{27             document.getElementById(‘needtest‘).style.color = ‘red‘;28         }29     }30     31 }

 

jsRegex驗證