close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Form Validation

Thread began 10/11/2013 11:10 am by rob294118 | Last modified 10/11/2013 5:07 pm by Jason Byrnes | 1357 views | 9 replies |

rob294118

Form Validation

Some of my form validations are not working and the date picker does not work.

URL: http://www.menofsteel.us/MenOfSteel2/reservations.php

Sign in to reply to this post

Jason ByrnesWebAssist

the date picker is not working due to conflicting vversions of jquery being added.

yoou have a script tag near the top of the page top add jquery:

<script src="jquery.js"></script>


and further down is a tag for the date picker jquery:
<script type="text/javascript" src="webassist/jquery/jquery.js"></script>
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>


only one instance of jquery can be added to the page.



for the validations, you say:
"Some of my form validations are not working"

please be more specific. which ones? server validations? spry validations?

Also, please include a copy of the page.

Sign in to reply to this post

rob294118

I removed the entries (I did not manually add them... they were added the Form Builder):

<script type="text/javascript" src="webassist/jquery/jquery.js"></script>
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>

datepicker still doesn't work.

The Spry validations fonly work for name and event type.

Sign in to reply to this post

Jason ByrnesWebAssist

looking at the source of your page, i see both jquery tags still there.

the webassist jquery tag is needed for the date picker, the first one needs to be removed.

as for the validation, many of the fields only have an invalid format message, and the required message is left blank:

<span class="textfieldInvalidFormatMsg">Invalid format.</span><span class="textfieldRequiredMsg"> </span>


for exmple, if i enter text in the phone number, an invalid format message displays, but leaving it blank, no message displays, because there is no required message entered.

Sign in to reply to this post

rob294118

I fixed the Spry Validations but i still can't get the Date Picker to work.

Sign in to reply to this post

Jason ByrnesWebAssist

you both the original jquery reference and the web assist jquery reference.


change:
<link type="text/css" href="webassist/forms/fd_sharp_default/Datepicker/css/jquery-custom.css" rel="stylesheet">
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>



to:
<link type="text/css" href="webassist/forms/fd_sharp_default/Datepicker/css/jquery-custom.css" rel="stylesheet">
<script type="text/javascript" src="webassist/jquery/jquery.js"></script>
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>

Sign in to reply to this post

rob294118

I did that but it still does not work.

Sign in to reply to this post

Jason ByrnesWebAssist

looking in the source, that code chunk is not changed, it still shows:
<link type="text/css" href="webassist/forms/fd_sharp_default/Datepicker/css/jquery-custom.css" rel="stylesheet">
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>

it should be:
<link type="text/css" href="webassist/forms/fd_sharp_default/Datepicker/css/jquery-custom.css" rel="stylesheet">
<script type="text/javascript" src="webassist/jquery/jquery.js"></script>
<script type="text/javascript" src="webassist/jquery/jquery-ui.js"></script>

Sign in to reply to this post

rob294118

It's there now but it still doesn't work. I checked the HTML source code.

URL: http://www.menofsteel.us/MenOfSteel2/reservations.php

Sign in to reply to this post

Jason ByrnesWebAssist

looking at the source of the page, there are a number of problems,

around line 58, there is a second HTML tag:

<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.1.0.60046 -->
<meta charset="utf-8">
<title>Contact Us</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

<!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="style.responsive.css" media="all">


<script src="script.js"></script>
<script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">

<script src="webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="webassist/forms/wa_servervalidation.js" type="text/javascript"></script>
<link href="webassist/forms/fd_sharp_default.css" rel="stylesheet" type="text/css">

<style>.art-content .art-postcontent-0 .layout-item-0 { color: #DBDBDB; background: #1F304D; padding-left: 0px; }
.art-content .art-postcontent-0 .layout-item-1 { padding-top: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }

</style>

<script src="webassist/forms/wa_clientvalidation.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#EventDate').datepicker({
changeMonth: true,
changeYear: true,
onClose: closeDatePicker_EventDate
});
});
function closeDatePicker_EventDate() {
var tElm = $('#EventDate');
if (typeof EventDate_Spry != null && typeof EventDate_Spry != "undefined" && EventDate_Spry.validate) {
EventDate_Spry.validate();
}
var docElm = document.getElementById("EventDate");
var tBlur = docElm.getAttribute("onBlur");
if (!tBlur) tBlur = docElm.getAttribute("onblur");
if (!tBlur) tBlur = docElm.getAttribute("ONBLUR");
if (tBlur) {
tBlur = String(tBlur).replace(/\bthis\b/g, "docElm");
eval(tBlur);
}
}
</script>




that code should be deleted, it is repeated from above.

in your css code block, you have the following:
#SimpleContact_Sharp_Default li:before {
content: none !important;
</style>

that css needs to be closed:
#SimpleContact_Sharp_Default li:before {
content: none !important;
}
</style>


your rresponsive script needs to be moved to be after the WA jquery script line.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...