Is there anyway I can change the border-color to red on an error rather and get rid of the text? That's pretty much the only error I want to display, and it would disappear once the input/textarea becomes focused.
<div id="contact-form">
<form method="get" id="contacts">
<div class="contact-controls">
<label class="contact-label" for="name-input">NAME</label>
<div class="input-wrapper">
<input type="text" name="contact-name" id="name-input" placeholder="Your Name" required>
</div>
</div>
<div class="contact-controls">
<label class="contact-label" for="email-input">EMAIL</label>
<div class="input-wrapper">
<input type="text" name="contact-email" id="email-input" placeholder="Your Email" required>
</div>
</div>
<div class="contact-controls">
<label class="contact-label" for="message-input">MESSAGE</label>
<div class="input-wrapper">
<textarea name="contact-message" id="message-input" rows="15" placeholder="Hi there!" required></textarea>
</div>
</div>
<div class="contact-controls">
<input type="hidden" name="save" value="contact">
<button type="submit" class="contact-button">Send</button>
</div>
</form>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With