in reply to Edge case for checkboxes when used to update data records
<HTML> <BODY> <FORM NAME=MAIN METHOD=POST onSubmit="SUBMIT(); return false;" ACTION= +"https://www.mywebsite.com/form_receiver.pl"> <TABLE CELLSPACING=6> <TR> <TD><SELECT NAME=Type> <OPTION VALUE='Mr'>Mr <OPTION VALUE='Ms'>Ms <OPTION VALUE='Mrs'>Mrs </SELECT> <TD><INPUT TYPE=TEXT NAME=FirstName> <TD><INPUT TYPE=TEXT NAME=LastName> <TD><INPUT TYPE=CHECKBOX NAME=MemberChecked> <INPUT TYPE=HIDDEN NAME=Member> <TR> <TD>Type <TD>First Name <TD>Last Name <TD>Member <TD>Class </TABLE> <INPUT TYPE=SUBMIT VALUE="Submit"> <INPUT TYPE=BUTTON VALUE="LoadValueSet1" onClick='LoadValues1();'> <INPUT TYPE=BUTTON VALUE="LoadValueSet2" onClick='LoadValues2();'> <INPUT TYPE=BUTTON VALUE="Reset" onClick="ResetFormValues();"> </FORM> <SCRIPT> ResetFormValues(); function ResetFormValues() { SetFormValues(0, '', '', 0); document.MAIN.FirstName.focus(); document.MAIN.FirstName.select(); } function SUBMIT() { if (!ValidateForm()) { return 0; } DisplayForm(); document.MAIN.submit(); } function ValidateForm() { if (DontLeaveBlank(document.MAIN.FirstName, "First Name")) { return +0; } if (DontLeaveBlank(document.MAIN.LastName, "Last Name")) { return 0; + } document.MAIN.Member.value = (document.MAIN.MemberChecked.checked) ? + 1 : 0; return 1; } function DontLeaveBlank(OBJ, Name) { var IsEmpty = !/[a-zA-Z]+/.test(OBJ.value); if (IsEmpty) { alert(Name + " cannot be left blank."); OBJ.focus(); OBJ.select(); } return IsEmpty; } function SetFormValues(_Type, _FirstName, _LastName, _Member) { with (document.MAIN) { Type.selectedIndex = _Type; FirstName.value = _FirstName; LastName.value = _LastName; MemberChecked.checked = _Member; } } function DisplayForm() { alert("GETTING READY TO SUBMIT FORM\n" + "\nType = '" + document.MAIN.Type.value + "\nTypeSel = '" + document.MAIN.Type.selectedIndex + "'\nFirstName = '" + document.MAIN.FirstName.value + "'\nLastName = '" + document.MAIN.LastName.value + "'\nMember = " + document.MAIN.Member.value); } function LoadValues1() { SetFormValues(0, "JOHNNY", "SMITH", 1); } function LoadValues2() { SetFormValues(2, "JULIA", "BROWN", 0); } </SCRIPT>
|
|---|