website Files · www/conservancy/static/forms.css

Files @ 9bfb5e10dec2

Branch filter:

Location: website/www/conservancy/static/forms.css

9bfb5e10dec2 459 B text/css Show Annotation Show as Raw Download as Raw

bkuhn

Rework form with error messages & basic validation

Since PayPal cannot seem to be cajoled into verifying a minimum amount,
we have to do it here with Javascript. This isn't perfect validation:
the form can currently still be submitted with an amount less than $120,
but at least this way Javascript-enabled browsers might prevent some
folks from doing that.

#supporter-form label {
    display: inline-block;
    width: 200px;
    text-align: right;
}

#supporter-form-submit {
    padding-left: 100px;
}

#supporter-form div {
    margin-top: 1em;
}

.form-error {
    display: none;
    margin-left: 10px;
    color: green;
}		

.form-error-show {
    color: red;
    margin-left: 10px;
}

input.invalid, textarea.invalid {
    border: 2px solid red;
}

input.valid, textarea.valid {
    border: 2px solid green;
}