DD_Test_9-18
div.gradFormContain {
display:table;
width:100%;
max-width:1240px;
margin:0 auto;
}
.asTable {
display:table;
width:100%;
}
.asCell {
display:table-cell;
}
.asRow {
display:table-row;
}
p.introP {
font-family:arial,helvetica,sans-serif;
color:#000000;
font-weight:normal;
font-size:34px;
line-height:44px;
}
form.gradCardForm {
width:100%;
max-width:1240px;
margin:20px auto;
font-family:arial,helvetica,sans-serif;
color:#000000;
padding-top:0;
padding-bottom:20px;
padding-left:0;
padding-right:0;
}
form.gradCardForm table {
width:90%;
max-width:675px;
margin-top:20px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
font-family:arial,helvetica,sans-serif;
color:#000000;
}
form.gradCardForm td.left {
width:25%;
min-width:170px;
padding-bottom:40px;
}
form.gradCardForm td.right {
width:75%;
padding-bottom:40px;
}
form.gradCardForm tbody {
border:0;
}
form.gradCardForm h2 {
display:block;
margin:5% auto;
width:90%;
padding:0;
text-align:left;
font-size:36px;
line-height:36px;
font-weight:bold;
margin-top:0;
color:#000000;
}
form.gradCardForm textarea {
display:block;
width:90%;
min-height:185px;
padding:3%;
border:1px solid #61625d;
margin:0 auto;
font-size:22px;
line-height:33px;
font-weight:normal;
margin-bottom:40px;
}
form.gradCardForm label {
font-size:28px;
line-height:28px;
}
form.gradCardForm input[type='text'] {
width:90%;
display:block;
border:1px solid #61625d;
height:30px;
padding-left:5%;
padding-right:5%;
padding-top:10px;
padding-bottom:10px;
font-size:25px;
line-height:25px;
}
form.gradCardForm input[type='submit'] {
display:block;
width:90%;
max-width:400px;
height:80px;
background-color:#d46012;
border:0;
color:#FFFFFF;
font-weight:bold;
font-size:38px;
cursor:pointer;
margin:20px auto;
padding:0;
text-align:center;
}
div.asCell.cardImage {
width:40%;
background-image:url("https://www.womenforwomen.org/sites/default/files/WFW_GraduationCultivation_LP_book.png");
background-repeat:no-repeat;
background-size:contain;
}
div.asCell.innerForm {
width:60%;
}
#content.column {
background-image: url("http://www.qa.womenforwomen.org/sites/all/themes/wfwi/images/header-bg-wide.jpg?1446484747");
background-repeat: repeat;
}
#content-header {
background-color: #d46012;
background-image: none;
text-align: center;
height:auto;
}
#content-header h1 {
display: table-cell;
vertical-align: middle;
margin-top: inherit;
letter-spacing: 3px;
line-height: 1em;
text-transform: none;
font-size: 2.8em;
}
.breadcrumb ol {
display: none;
}
p.errMsg {
display:none;
font-family:arial,helvetica,sans-serif;
color:red;
font-size:18px;
line-height:18px;
}
#textarea_feedback {
margin: 0 auto;
padding: 0;
width: 90%;
text-align: right;
}
div.asCell.innerForm .main p {
margin:0;
padding:0;
}
@media (max-width:640px) {
div.asCell.cardImage {
display:none;
}
p.introP {
padding-bottom:0;
margin-bottom:0;
}
form.gradCardForm input[type='submit'] {
font-size:28px;
}
form.gradCardForm h2 {
font-size:30px;
}
form.gradCardForm label {
font-size: 18px;
line-height: 18px;
}
form.gradCardForm td.left {
padding-bottom: 0;
min-width:108px;
}
form.gradCardForm td.right {
padding-bottom: 0;
}
}
$(document).ready(function() {
var data = $("form").serialize();
$.ajax({
url: "run.do",
type: "POST",
data: data,
success: function(tableData){
alert(tableData);
}
});
var text_max = 250;
var text_length = $("#crdMsgField").val().length;
var text_remaining = text_max - text_length;
$("#textarea_feedback").html(text_remaining + " characters remaining");
$("#crdMsgField").keyup(function() {
var text_length = $("#crdMsgField").val().length;
var text_remaining = text_max - text_length;
$("#textarea_feedback").html(text_remaining + " characters remaining");
});
});
// isEmail (STRING s [, BOOLEAN emptyOK])
// whitespace characters
var whitespace = " \t\n\r";
//
// Email address must be of form a@b.c ... in other words:
// * there must be at least one character before the @
// * there must be at least one character before and after the .
// * the characters @ and . are both required
function isValidEmail(s)
{
if (isEmpty(s)) return false;
// is s whitespace?
if (isWhitespace(s)) return false;
// there must be >= 1 character before @, so we
// start looking at character position 1
// (i.e. second character)
var i = 1;
var sLength = s.length;
// look for @
while ((i < sLength) && (s.charAt(i) != "@"))
{ i++
}
if ((i >= sLength) || (s.charAt(i) != "@")) return false;
else i += 2;
// look for .
while ((i < sLength) && (s.charAt(i) != "."))
{ i++
}
// there must be at least one character after the .
if ((i >= sLength - 1) || (s.charAt(i) != ".")) return false;
else return true;
}
// Check whether string s is empty.
function isEmpty(s)
{
return ((s == null) || (s.length == 0))
}
// check length of textarea
function isTooLong(s)
{
return (s.length > 250)
}
// Returns true if string s is empty or
// whitespace characters only.
function isWhitespace(s)
{
var i;
// Is s empty?
if (isEmpty(s)) return true;
// Search through string's characters one by one
// until we find a non-whitespace character.
// When we do, return false; if we don't, return true.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (whitespace.indexOf(c) == -1) return false;
}
// All characters are whitespace.
return true;
}
function checkForm() {
if (isEmpty(document.subscribeForm.elements['Card Message'].value)) {
document.subscribeForm.elements['Card Message'].style.backgroundColor='yellow';
// alert("Please enter a Card Message.");
document.getElementById('genErr').style.display = "block";
document.getElementById('cmErr').style.display = "block";
document.subscribeForm.elements['Card Message'].focus();
return false;
}
else if (isTooLong(document.subscribeForm.elements['Card Message'].value)) {
document.getElementById('genErr').style.display = "block";
document.getElementById('cmErrLength').style.display = "block";
document.subscribeForm.elements['Card Message'].focus();
return false;
}
if (isEmpty(document.subscribeForm.elements['First Name'].value)) {
document.subscribeForm.elements['First Name'].style.backgroundColor='yellow';
// alert("Please enter a First Name.");
document.getElementById('genErr').style.display = "block";
document.getElementById('fnErr').style.display = "block";
document.subscribeForm.elements['First Name'].focus();
return false;
}
if (isEmpty(document.subscribeForm.elements['Last Name'].value)) {
document.subscribeForm.elements['Last Name'].style.backgroundColor='yellow';
// alert("Please enter a Last Name.");
document.getElementById('genErr').style.display = "block";
document.getElementById('lnErr').style.display = "block";
document.subscribeForm.elements['Last Name'].focus();
return false;
}
if (!isValidEmail(document.subscribeForm.elements['Email Address'].value)) {
document.subscribeForm.elements['Email Address'].style.backgroundColor='yellow';
// alert("Please enter a valid Email Address. (name@host.com)");
document.getElementById('genErr').style.display = "block";
document.getElementById('emErr').style.display = "block";
document.subscribeForm.elements['Email Address'].focus();
return false;
}
}
Sign your name and send a card to women in our programs. Let them know that you support them with a message of sisterly love!
Add your message
Please enter a Card Message.
Card Message has a maximum 250 character limit.
Congratulations on your completion of the Women for Women International training program! I believe in you, and wish you health, happiness, and prosperity.
First Name:
Please Enter a First Name
Last Name:Please Enter a Last Name
Email:Please enter a valid Email Address. (name@host.com)
There was a form processing error.
Please review above and try again.