제가 말하고 싶은것은 required 가 크롬 예약어인가 중요한것이 아니고

<form onsubmit="return check_form(this)">
<label><input type="radio" name="mb_11" value="3" required>1</label>
<label><input type="radio" name="mb_11" value="3" required>2</label>
<label><input type="radio" name="mb_11" value="3" required>3</label>
<input type="submit" value="전송">
</form>

<script src="wrest.js">

wrest.js

var forms  = document.getEelemntsByTagName("form");

for(var in in forms)
{
 forms[i].onsubmit = ....
}


일반적으로 required 를 attr 로 넣어 주면 자동으로 필수 입력값을 체크해주기를 원했으나

checkbox 나 radio 에 attr를 required 를 주었을 경우에는

onsubmit이 실행되기 전에 브라우저에서 먼저 required 를 체크해서

모든 radio 가 체크 되기를 강제 당하기 때문에,

무조건 폼이 전송되지 못한다는 겁니다.

결국

var check_form = function(f)
{
  // radio에 값이 입력됫는지 체크
  // checkbox에 값이 입력됬는지 체크

 return true;
}

로직을 다시 재성생 해야 줘야 된다는게 요지 입니다.

성별 : <label> <input type="radio" name="wr_11" value="female" required>여성</label>
  <label> <input type="radio" name="wr_11" value="male" required>남성</label>

<br>

취미 <label> <input type="checkbox" name="wr_12[]" value="1" required>농구</label>
  <label> <input type="checkbox" name="wr_12[]" value="2" required>축구</label>


이경우 성별은 남성과 여성중에 하나를 선택해야 하고

취미는 자신이 하는 것들만 선택해야 하는데,


required 가 들어갈 경우 그리고 브라우저가 크롬인 경우


radio box 임에도 불구하고 남성과 여성 모두 선택하라는 메시지가 뜨고

checbox 는 모든 필드가 체크되어야 한다는 메시지가 뜹니다.

<form method="get" >
<ul>
<li>
성별 : <label><input type="radio" name="sex[member]" value="1" required>여성</label> <label><input type="radio" name="sex[member]" value="2" required>남성</label>
</li>
<li>
취미 : <label><input type="checkbox" name="sex2[]" value="1" required>여성</label> <label><input type="checkbox" name="sex2[]" value="2" required>남성</label>
</li>
</ul>

<input type="submit" value="submit">
</form>



크롬에서 해보니

radio 박스는 제대로 되는군요


익스 8. 사파리에서는 문제가 되지 않는데,

크롬에서만 checkbox 에서 문제가 생깁니다.


//추가적으로
name ="wr_12[]"  로 한것은 말씀하신대로 배열로 받기위해서 입니다.

그러나

name ="wr_12[]"  했다해서 값이 반드시 배열로 넘어가지 않습니다.

2개 이상 체크했을때만 배열로 넘어갑니다.




http://gangsaland.com/bbs/write.php?bo_table=job


wrest.js 대신에

form.js 를 사용하도록 변경되었으며,

required 는 needed로 변경된 상태입니다.

requierd 부분에서


해당 wrest.js 를  form.js 로 교체 햇을때


크롬을 제외한 모든 브라우저에서는 정상적으로 checkbox, radio, select 박스의 유효성을 검사하는데,

크롬에서만 checkbox 에서 문제를 일으켜서  (즉 required 옵션을 크롬에서만 인식을 하는것 같습니다.)

required 가 html 표준 코딩이라면  다른 옵션명으로 교체하는게 맞지 않나 싶어서 말씀 드렸습니다.

그누보드에서는 required 라는 option을 사용합니다.

required 라는 option 대신에 다른 option 이름으로 변경됬으면 합니다.