Validating Check boxes 1

JohannIcon · Oct 28, 2003

Dear All,

I have an input form where the user must enter his name, surname, e-mail address and choose from three topics, namely Conference, Leisure or Corporate. He can choose as many as he like, however, he has to choose one before submitting the form.

How can I do the validation on these checkboxes?

I came up with this code:-

If request.form("Conference&quot

= "" then
er = 1
End IF

if er <> 1 then
If request.form("Leisure&quot

= "" then
er = 1
End IF
end if

if er <> 1 then
If request.form("Corporate&quot

= "" then
er = 1
End IF
end if

If er = 1 then
message = "You have to choose at least one check box"
end if

However, how can I stop the form from being submitted?

Thanks for your help and time

100dtl · Oct 28, 2003

Use javascript then keyword return

JohannIcon · Oct 28, 2003

And how can I convert this into Javascript?

scroce · Oct 28, 2003

you can't really convert it - it's a different langugage - here are some examples that I've conjured up. You can study them and use them if you like, or search elsewhere. There are a lot of samples on the web, and also here at tek-tips:
Here's something simple:

<script language="JavaScript">
function ValidateForm()
{

if (document.frmQuickQuote.txtSchoolName.value =="&quot

{
alert("Please enter a school name.&quot

return false;
document.frmQuickQuote.txtSchoolName.focus()
}
if (document.frmQuickQuote.txtContact.value =="&quot

{
alert("Please enter a contact name.&quot

return false;
document.frmQuickQuote.txtContact.focus()
}
if (document.frmQuickQuote.txtPhone.value.length<10 | document.frmQuickQuote.txtPhone.value.length>12)
{
alert ("Please check the telephone number you entered. Make sure it has an area code.&quot

return false;
document.frmQuickQuote.txtPhone.focus()
}

}
</SCRIPT>

Here is how the above code is called by the html on the form:

<form action="QuickQuoteProc.asp" method="post" name="frmQuickQuote" onSubmit="return ValidateForm()">

Here's something a little more involved:

function isItDate(elm) {
if (elm.value.length < 10 || elm.value == "&quot

{
return false;
}
for (var i=0; i < elm.value.length; i++) {
if (i > -1 && i < 10) {
if (elm.value.charAt(2) == "/" || elm.value.charAt(5) == "/&quot

{
return true;
}

else if (elm.value.charAt(i) < "0" || elm.value.charAt(i) > "9&quot

{
return false;
}
}
}
}

//this function tests for an empty value in the box it's called on below
function isItEmpty(elm) {
if (elm.value == "" || //the "|" means "OR"
elm.value == "null&quot

{
return false;
}
}

//This is the main portion of the function - it incorporates all of the other functions
//outlined above and uses them on the text/combo boxes on the form before it is submitted.

function formValidation() {

var currentForm

currentForm=document.frmChangeEvent

if (isItEmpty(currentForm.txtEventName) == false) { //isItEmpty function defined above.
alert("Please enter a Name for this event.&quot

;
currentForm.txtEventName.focus();
return false;
}
else if (isItEmpty(currentForm.txtEventDescrip) == false) { //isItEmpty function defined above.
alert("Please enter a Description for this event.&quot

;
currentForm.txtEventDescrip.focus();
return false;
}
else if (isItDate(currentForm.txtEventDate) == false) {
alert("Please enter a date in the form dd/mm/yyyy.&quot

;
currentForm.txtEventDate.focus();
return false;
}
}

Here's how the above code is called in this case from the form's html

<form method="post" action="EventsChange.asp?formUpdate=true" name=frmChangeEvent onSubmit="return formValidation()">

Good luck. I'd also suggest buying a book. I like Nick Heinle and Bill Pena - Designing with Javascript. Great exapmles. It looks cryptic, but they do a good job of deciphering it. It was 35 bucks.

Ah say, there's somethin' a little "eeeeeeee" 'bout a boy who don't like basbawl...

JohannIcon · Oct 28, 2003

Wow thanks mate, I will try that out later.

JohannIcon · Oct 29, 2003

Hello scroce,

I did this piece of code:-

if (user.Conference.value == "" || user.Conference.value == "null&quot

&& (user.Leisure.value == "" || user.Leisure.value == "null&quot

&&
(user.Corporate.value == "" || user.Corporate.value == "null&quot

{
alert("Please Choose at least one check box option!!&quot

user.Conference.focus()
user.Conference.select()
return false;
}

however it is giving me an error on the &&

why?

JohannIcon · Oct 29, 2003

Ok I solved it, had to add an extra bracket:-

if ((user.Conference.value == "" || user.Conference.value == "null&quot

&& (user.Leisure.value == "" || user.Leisure.value == "null&quot

&&
(user.Corporate.value == "" || user.Corporate.value == "null&quot

)
{
alert("Please Choose at least one check box option!!&quot

user.Conference.focus()
user.Conference.select()
return false;
}

However the validation is not working and the form is still submitted

mwolf00 · Oct 29, 2003

oneChecked = false
message = ""

for (x=0; x<allInputs.length; x++){
if (allInputs[x].type == "checkbox&quot

{
if(allInputs[x].checked){
oneChecked = true
}
}
else{
if(allInputs[x].value == "&quot

{
message += "\n- " + allInputs.name
}
}
}
if (!oneChecked){
message += "\n- Check at least one box"
}
if (mess != "&quot

{
alert("incomplete form" + message)
return false
}
return true
}
</script>

<form name="myForm" action="somePage.asp" onSubmit="return checkForm()">
<input name="fName">
<input name="lName">
<input name="eMail">
<input type=checkbox name="Conference">
<input type=checkbox name="Leisure">
<input type=checkbox name="Corporate">
<input type=submit value="Submit">
</form>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

JohannIcon · Oct 29, 2003

wow, that is quite a nice procedure!

thanks mate, i will try it

mwolf00 · Oct 29, 2003

OOpps - error

if (mess != "&quot

{
alert("incomplete form" + message)
return false
}

should be

if (message != "&quot

{
alert("incomplete form" + message)
return false
}

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

JohannIcon · Oct 29, 2003

Its not working! When I check one box, it is still telling me that I have to check at least one box!

Here is my script:-

<script>
function checksubmit()
{
//check to see if Topic is empty
if (user.PName.value == "&quot

{
alert("Please Enter a Name Here!!&quot

user.PName.focus()
user.PName.select()
return false
}

//check to see if Surname is empty
if (user.PSurname.value == "&quot

{
alert("Please Enter a Surname Here!!&quot

user.PSurname.focus()
user.PSurname.select()
return false
}

//check to see if Topic is empty
if (user.email.value == "&quot

{
alert("Please Enter an e-mail Here!!&quot

user.email.focus()
user.email.select()
return false
}

allInputs = document.getElementsByName("input&quot

oneChecked = false
message = ""

for (x=0; x<allInputs.length; x++){
if (allInputs[x].type == "checkbox&quot

{
if(allInputs[x].checked){
oneChecked = true
}
}
else{
if(allInputs[x].value == "&quot

{
message += "\n- " + allInputs.name
}
}
}
if (!oneChecked){
message += "\n- Check at least one box"
}
if (message != "&quot

{
alert("incomplete form" + message)
return false
}

return true
}
</script>

mwolf00 · Oct 29, 2003

OOpps - two errors corrected - try just my code...

<script>
function checkForm(){
allInputs = document.getElementsByTagName("input&quot

oneChecked = false
message = ""

for (x=0; x<allInputs.length; x++){
if (allInputs[x].type == "checkbox&quot

{

if(allInputs[x].checked){
oneChecked = true
}
}
else{
if(allInputs[x].value == "&quot

{
message += "\n- " + allInputs[x].name
}
}
}
if (!oneChecked){
message += "\n- Check at least one box"
}
if (message != "&quot

{
alert("incomplete form" + message)
return false
}
return true
}
</script>

<form name="myForm" action="somePage.asp" onSubmit="return checkForm()">
<input name="fName">
<input name="lName">
<input name="eMail">
<input type=checkbox name="Conference">
<input type=checkbox name="Leisure">
<input type=checkbox name="Corporate">
<input type=submit value="Submit">
</form>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

JohannIcon · Oct 29, 2003

GREAT IT WORKED!!!!!

THanks mate!

GaryC123 · Oct 29, 2003

Here's my take on it

<script language="JavaScript">
function CheckBoxes(){
var selection=0
for (i = 0 ; i < document.myform.elements.length ; i++){
oElement = document.myform.elements;
if (oElement.type.toUpperCase()== "CHECKBOX&quot{
if(oElement.checked==true){selection=+ 1;}}}
if (selection<1){alert("Please choose one"return false}}
</script>
<form name=myform action=page.asp onSubmit="return CheckBoxes()">
<input type=checkbox name=a value=1>
<input type=checkbox name=b value=2>
<input type=checkbox name=c value=3>
<input type=submit>
</form>

http://www.intouchmedialtd.com

JohannIcon · Oct 29, 2003

HI wolf00,

Thanks for the code. I tried to make an explanation out of it tough but I did not manage.

mwolf00 · Oct 29, 2003

JohannIcon - Do you need more explanation?

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Validating Check boxes 1

JohannIcon

Programmer

100dtl

Programmer

JohannIcon

Programmer

scroce

MIS

JohannIcon

Programmer

JohannIcon

Programmer

JohannIcon

Programmer

mwolf00

Programmer

JohannIcon

Programmer

mwolf00

Programmer

JohannIcon

Programmer

mwolf00

Programmer

JohannIcon

Programmer

GaryC123

Programmer

JohannIcon

Programmer

mwolf00

Programmer

Similar threads

Part and Inventory Search

Sponsor