2012-04-16 2 views
0

양식 필드는 quantity으로 작성해야합니다. 그러나 제 양식에는 제가 가치를 얻고 자하는 몇 가지 방법이 있습니다. 나는 자바 스크립트로 이것을 접근할지, 각 입력 옵션을위한 별도의 필드 이름을 만들지, 전혀 다른 것을 만들지는 모르겠다. 어떤 통찰력이라도 미리 주셔서 감사합니다.여러 입력 방법으로 양식 필드를 처리 할 때 제안이 필요합니다.

여기에 "얼마나 많은 사람들이 등록합니까?"라는 질문이 있습니다.

옵션 1 : "나 자신 만"

옵션 2 : "나 자신과 __ 기타"

옵션 3 : "나는 가입하고있어 __ 자신을 대신하여 사람들"

내 초기 생각했다 다음 HTML (형식의 조잡함을 용서)가하기 :

<input type="radio" name="quantity" value="1" /> Myself only<br /> 

Myself and <select name="quantity"> 
<option value="0"></option> 
<option value="2">1 other</option> 
<option value="3">2 others</option> 
<option value="4">3 others</option> 
<option value="5">4 others</option> 
<option value="6">5 others</option> 
<option value="7">6 others</option> 
<option value="8">7 others</option> 
<option value="9">8 others</option> 
<option value="10">9 others</option> 
</select><br /> 

I'm registering <input type="text" name="quantityplus" /> people on their behalf. 

형태의 나머지는 연락처 정보를 수집 한 후 다음 화면에서 세트를 표시 할 것 이 단계에서 선택한 quantity을 기반으로하는 등록 필드 (이름, 이메일 등) 마지막으로 (quantityplus) 나는이 페이지에서 제공되는 연락처 정보를 제외하고 해당 필드의 값에 나열된 사람 수를 표시하는 내 양식 처리 코드에서 청취자를 갖게됩니다. (관리 비서가 등록 할 시나리오를 그림으로 그립니다. 그녀의 상사 & 세미나를 위해 5 명의 다른 사람, 그러나 그녀 자신을 참석하고 있지 않다).

이것이 문제를 해결하는 최적의 방법일까요? 또는 양식을 제출하기 전에 숨겨진 quantity 필드를 JavaScript를 사용하여 업데이트해야합니까? 그렇다면 quantityplus 문제를 어떻게 설명 할 수 있습니까?

답변

1

나는 세 번째의 또 다른 및 텍스트 선택, 하나의 옵션에 대한 라디오를함으로써 크게 양식을 혼동, 좀 더 같이 뭔가를 갈 것이라고 생각 옵션을 지우면 PHP는 type POST 값을 3 가지 다른 유형 처리로 전환 할 수 있습니다.

+0

감사합니다. 일관성을 위해 첫 번째 옵션에 값 1을 가진 숨겨진'quantity' 필드를 추가할까요? –

+0

당신의 취급에는 이것이 필요하지 않을 것입니다. (타입 == 자신이라면 수량은 1로 기본 설정 될 수 있습니다.) 아니오라고 말하고 싶습니다. 고유 한 ID를 사용하면 어쨌든 JS 유효성 검사를 쉽게 처리 할 수 ​​있습니다. – Ing

+0

좋은 지적. 그 유형이 선택 될 때까지 2 개의 수량 필드를 숨기고 jQuery를 사용하여 표시 할 생각입니다. 그 일을한다면 숨겨진 변수를 프로세서에 여전히 $ _POST 할 수 있을지 확신 할 수는 없지만 확인하기는 쉽습니다. –

0
No of person for registration: <input type="text" name="quantity_per" /> 

Include Me: <input type="checkbox" name="inc_me" value="1" /> 

많은 코드 대신이 코드를 사용하십시오. 이것은을해야 포맷으로

<label for="myself">Myself only <input type="radio" name="type" id="myself" value="myself" /></label> 

<label for="myselfAndOthers">Myself and others <input type="radio" name="type" id="myselfAndOthers" value="myselfAndOthers" /></label> 
<label for="myselfAndOthersQuantity">Quantity:</label><input type="text" name="quantity" id="myselfAndOthersQuantity" /> 

<label for="others">Others <input type="radio" name="type" id="others" value="others" /></label> 
<label for="othersQuantity">Quantity:</label><input type="text" name="quantity" id="othersQuantity" /> 

:

+0

좋은 아이디어이지만, UX를 개선하는 데 도움이된다면 추가 코드는 신경 쓰지 않아도됩니다. 이 경우에는 오류 (사용자가 체크 박스를 벗어나는 것처럼)가 더 혼란 스럽거나 취약 할 수 있습니다. –

+0

사용자의 관점에서 볼 때 코드가 사용자가 결정을 내리기에는 너무 혼란 스럽지만 사용하는 것이 좋습니다. 또한 폼에 대한 응답을 처리하는 데 javascript가 필요합니다. –

관련 문제