ABVFP Required Fields?

dustinz · #1 01-08-2008, 12:18 AM

I followed the directions for building the forms and it has been real easy. I have run into one problem when creating required fields. I have got fields like, name, phone, zip, text boxes and such to work as required, but I'm having trouble with drop down menu's and radio butons. Directions say for drop down menue's to do like this: "dropdownmenue-RB[]" but it hasn't worked. I have tried a couple of different things for the radio button but no luck. It is a unchecked box for terms of service. Using Dreamweaver 8

Thanks

dustinz · #2 01-08-2008, 10:03 PM

Ok, it's me again. I thought I would add some details. What's working and what's not working as far as required fields.
view page at: http://www.referredlocal.com/category/concrete.html

Project area: Doesn't work
discription: Works
When do you want the work done: Doesn't work
first name: Works
last name:Works
address: Works
city: Works
State: Works
zipcode: Works
telephone: Works
email:Works
How did you hear of us: Not required, so it's fine
Terms of Service: Doesn't work

Here is the code for the form if that helps

<form action="http://www.referredlocal.com/ABVFP/dbts_abvfp.php" method="post" enctype="multipart/form-data" name="concrete form" id="concrete form">
<table width="793" border="0" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="408" bgcolor="#FFFFFF"><label for="select">Project area</label></td>
<td width="369" bgcolor="#FFFFFF"><select name="Project_Type-RB[]" id="Project_Type">
<option value="-">-</option>
<option value="Stamped Concrete">Stamped Concrete</option>
<option value="Acid Stain/Dye">Acid Stain/Dye</option>
<option value="Epoxy Flooring">Epoxy Flooring</option>
<option value="New concrete:Tearout/Replace">New concrete:Tearout/Replace</option>
<option value="Concrete overlay/resurface">Concrete overlayrResurface</option>
<option value="Polished concrete">Polished concrete</option>
<option value="Concrete Sealing">Concrete Sealing</option>
<option value="Concrete countertops">Concrete countertops</option>
<option value="Concrete curbing/edging">Concrete curbing/edging</option>
<option value="Concrete powerwashing">Concrete powerwashing</option>
<option value="other">other</option>
</select>
<span class="style51">*</span> </td>
</tr>
<tr>
<td height="93"><label for="textarea">The more information we have about you concrete needs, the better we can </label>
help serve you. Such as, if this is a: Driveway, sidewalk, steps, basement, ect... </td>
<td><textarea name="Discription-RJ" cols="40" rows="5" id="Discription"></textarea>
<span class="style51">* </span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><label for="select">When are you looking to have your project completed?</label></td>
<td bgcolor="#FFFFFF"><select name="When-RB[]" id="When">
<option value="Right Away">Right Away</option>
<option value="1 - 3 months">1 - 3 months</option>
<option value="3 - 6 months">3 - 6 months</option>
<option value="6 months or more">6 months or more</option>
</select>
<span class="style51">*</span></td>
</tr>
<tr>
<td><label for="textfield">First Name:</label></td>
<td><input type="text" name="First Name-RA" id="First Name" />
<span class="style51">*</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><label for="textfield">Last Name:</label></td>
<td bgcolor="#FFFFFF"><input type="text" name="Last Name-RA" id="Last Name" />
<span class="style51">*</span></td>
</tr>
<tr>
<td><label for="textfield">Address:</label></td>
<td><input type="text" name="Address-R" id="Address" />
<span class="style51">*</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><label for="textfield">City:</label></td>
<td bgcolor="#FFFFFF"><input type="text" name="City-R" id="City" />
<span class="style51">*</span></td>
</tr>
<tr>
<td><label for="textfield">State:</label></td>
<td><input type="text" name="State-R" id="State" />
<span class="style51">*</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><label for="textfield">Zipcode:</label></td>
<td bgcolor="#FFFFFF"><input type="text" name="zipcode-NR" id="zipcode" />
<span class="style51">*</span></td>
</tr>
<tr>
<td><label for="textfield">Phone Number:</label></td>
<td><input type="text" name="Telephone-RN" id="Telephone" />
<span class="style51">*</span></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><label for="textfield">Email:</label></td>
<td bgcolor="#FFFFFF"><input type="text" name="Email-R" id="Email" />
<span class="style51">*</span></td>
</tr>
<tr>
<td><label for="select">How did you hear of us:</label></td>
<td><select name="How_did_you_hear_about_us" id="How_did_you_hear_about_us">
<option value="-">-</option>
<option value="Online">Online</option>
<option value="Newspaper">Newspaper</option>
<option value="From a Freind">From a freind</option>
<option value="Yellow Pages">Yellow Pages</option>
<option value="Radio">Radio</option>
<option value="TV">TV</option>
<option value="other">other</option>
</select> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"><input name="Terms_of_service-R" type="checkbox" id="Terms_of_Service" value="checkbox" />
<label for="checkbox"><a href="javascript:PopUp('http://www.referredlocal.com/terms.html')">Terms of Service</a> (check to accept) <span class="style51">*</span> </label></td>
</tr>
<tr>
<td><input name="Formid" type="hidden" id="Formid" value="4" /></td>
<td><label for="Submit"></label>
<input type="submit" name="submit" value="submit" id="submit" /></td>
</tr>
</table>
</form>
Thanks for your help ~Dustin

navaldesign · #3 01-11-2008, 08:42 AM

You can NOT make a check box required, unless you additionally hardcode this valifation in ABVFP or you use Javascript (for in-page, in-line validation).
For the select boxes: At the moment this is not possible (if you used BV there is a built in Javascript validation).

Select dropdowns, Radio buttons and checkboxes validation through ABVFP is one of the features scheduled for v. 3

dustinz · #4 01-11-2008, 06:27 PM

Thank you for the reply navaldesign. I will keep my eye's open for the new version, although the current one works great. Dustin

vidalcarmen · #5 06-09-2008, 04:46 PM

Put this between the head tag of the page:

Code:

<script>

//"Accept terms" form submission- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var checkobj

function agreesubmit(el){
checkobj=el
if (document.all||document.getElementById){
for (i=0;i<checkobj.form.length;i++){  //hunt down submit button
var tempobj=checkobj.form.elements[i]
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled=!checkobj.checked
}
}
}

function defaultagree(el){
if (!document.all&&!document.getElementById){
if (window.checkobj&&checkobj.checked)
return true
else{
alert("Please read/accept terms to submit form")
return false
}
}
}

</script>

Put this as your form (you can modifiy it if you like):

Code:

<form name="agreeform" onSubmit="return defaultagree(this)">
Rest of your form here<br>
<input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>I agree to the above terms</b><br>
<input type="Submit" value="Submit!" disabled>
</form>

<script>
//change two names below to your form's names
document.forms.agreeform.agreecheck.checked=false
</script>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

vidalcarmen · #6 06-09-2008, 04:48 PM

You can also just create a form and modify it to be like this:

Code:

<form name="agreeform" onSubmit="return defaultagree(this)">
Rest of your form here<br>
<input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>I agree to the above terms</b><br>
<input type="Submit" value="Submit!" disabled>
</form>

<script>
//change two names below to your form's names
document.forms.agreeform.agreecheck.checked=false
</script>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)