html 특수 코드표...

 jsp 에서 '(' 치환하려는데.. 요놈이 치환이 안되서 깽판좀 쳤다..ㅠㅠ

onmouseover="this.style.backgroundColor='#E1E1E1'" onmouseout="this.style.backgroundColor=''"

style="cursor: hand;"  <-- 요건 웹표준 위반..

style="cursor:pointer;" <-- 요게 맞는거

추가하고.

마우스 내렸을시
onmouseout="$(this).attr('bgcolor','#ffffff')"

마우스 올렷을시
onmouseover="$(this).attr('bgcolor','#d0ffee')"



ex)
< table>
< tr bgcolor="#ffffff" style="cursor:cursor;" onmouseout="$(this).attr('bgcolor','#ffffff');" onmouseover="$(this).attr('bgcolor','#d0ffee');" >

<td>
가나다라마바사아자차카타파하
</td>
</tr>
< /table>

1. http://validator.w3.org/unicorn/

W3C에서 제공하는 통합 웹표준 검사기입니다. 어설프게 한글을 지원합니다...

2. http://validator.w3.org/

역시 W3C에서 제공하고, HTML, XHTML 등 웹문서의 웹표준만을 검사합니다. 철저히 영어...

3. http://validator.kldp.org/

이건 KLDP에서 제공하는 위 사이트의 한국어 사이트입니다. 비공식 사이트이긴하지만 왠만큼 한국어를 지원합니다.

4, http://validator.w3.org/checklink

W3C에서 제공하는 사이트로 깨진 링크가 있는지를 검사합니다. 이것도 철저히 영어..

5. http://validator.kldp.org/checklink

위의 한국어 사이트로 KLDP에서 제공합니다.(비공식)

6. http://jigsaw.w3.org/css-validator/

이것도 W3C에서 제공하며, CSS의 웹표준을 검사합니다. ㅠㅜ 한국어 지원..ㅇㅅㅇ

. http://css-validator.kldp.org/

이것도 역시 KLDP에서 제공하는 위 사이트의 한국어 사이트입니다.(비공식) 근데 이미 위에서 한국어 지원...

8. http://validator.w3.org/mobile/

모바일 사이트의 웹표준을 검사하는 사이트입니다.(W3C에서 제공, 영어)

9. http://wave.webaim.org/

여기는 웹표준 보단 웹접근성에 초점을 맞춘것 같네요. 물론 영어입니다.

10. https://developers.google.com/pagespeed/

구글에서 제공하고 웹표준 보단 최적화 쪽입니다. 그리고 영어..

11. http://www.wah.or.kr/Achive/Kadowah.asp

웹 접근성 연구소에서 제공하는 접근성 검사 프로그램입니다. 설치를 해야합니다..


출처 - http://joyfui.wo.tc/771

function langcheck_eng(str){
 var pattern = /[^(a-zA-Z)]/; //영문만 허용
 if(pattern.test(str)){
  return false;//영문만 가능합니다
 }else{
  return true;//정상
 }
}

function langcheck_eng_num(str){
 var pattern = /[^(a-zA-Z0-9)]/; //영문,숫자만 허용
 if(pattern.test(str)){
  return false;//불합격
 }else{
  return true;//정상
 }
}

function langcheck_num(str){
 var pattern = /[^(0-9)]/; //숫자만 허용
 if(pattern.test(str)){
  return false;//불합격
 }else{
  return true;//정상
 }
}

function isNumber(upw) {
 var chk_num = upw.search(/[0-9]/g); 
 if(chk_num < 0) {
  return false;
 }
 return true;
}

Test()
문자열 사이에 영어가 있는지?(A ~ z)

var username = 'JohnSmith';
console.log(/[A-Za-z_-]+/.test(username)); //return true
username = '한국인';
console.log(/[A-Za-z_-]+/.test(username)); //return false
username = '**A*';
console.log(/[A-Za-z_-]+/.test(username)); //return true

Split()
문자를 띄워쓰기 기준으로 잘라 배열로 반환

var str = 'this is my string';
console.log(str.split(/\s/)); //logs : [this, is, my, string]
 
str = '이건 내가 작성한 문자열';
var str2 = str.split(/\s/);
console.log(str2[1]); //logs : 내가
console.log(str2[3]); //logs : 문자열

Replace()
치환 정규식

//ex1)
var someString = 'Hello, World';
someString = someString.replace(/World/, 'MyBlog');
console.log(someString); //return Hello, MyBlog
//ex2)
var username = 'J!o!h!n!Smith!!~';
username = username.replace(/[^A-Za-z\d_-]+/,'');
//처음나오는 특수문자 제거
console.log(username); // logs : Jo!h!n!Smith!!~ 
//ex3)
var username = 'J!o!h한n    !Sm글ith!!~';
username = username.replace(/[^A-Za-z\d_-]+/g,'');
//문자열사이 특수문자(띄어쓰기포함) 전부제거
console.log(username); // logs : JognSmith

Match()
매치되는 특정 문자 or 문자열 반환

var name = 'UYEONG';
console.log(name.match(/U/)); // logs "U"
var str = "너는착한놈이야";
console.log(str.match(/착한놈/)) // logs "착한놈"
 
var name = 'axaxaxsvsvsv';
//검사하여 해당문자 배열로반환
console.log(name.match(/a/g)) // logs ["a","a","a"]
 
var string = 'this is just a string with some 12345 and some !#$@# meixed in.!';
console.log(string.match(/[a-z]+/gi));
// logs : ["this", "is", "just", "a", "string", "with", "some", "and", "some", "meixed", "in"]
console.log(string.match(/[a-z]+/gi)[1]); // logs : is

emailAdress :
이메일을 검사한후 문자열로 반환

var email = 'uyeong21c@gmail.com';
console.log(email.replace(/([a-z\d_-]+)@([a-z\d_-]+)\.[a-z]{2,4}/ig, '$1, $2'));
// logs : uyeong21c, gamil

url :
url을 구조기준으로 잘라 반환

function loc(url) {
	return {
		search : function() {
			return url.match(/\?(.+)/i)[1];
		},
		hash : function() {
			return url.match(/#(.+)/i)[1];
		},
		protocol : function() {  
			return url.match(/(ht|f)tps?:/)[0];  
		},
		href : function() {
			return url.match(/(.+\.[a-z]{2,4})/ig);
		}
	}
}
var l = loc('http://www.somesite.com?somekey=somevalue&anotherkey=anothervalue#theHashGoesHere');
console.log(l);
console.log(l.search());
console.log(l.hash());
console.log(l.protocol());
console.log(l.href());

출처 - UYEONG's Blog(http://uyeong.tistory.com/189)