?
Solved

I want to write validating error message to the right of textarea box

Posted on 2008-10-26
5
Medium Priority
?
263 Views
Last Modified: 2010-04-21
There are 2 things I want to achieve on this web page:
1. Preserve visitor input on the form when the form is redisplayed.
2. I want to write validating messages on the right side of the form fields.
 
I need help to figure out how I can achieve both requirements for a textarea box.

<p><label for="emailAddr">Email Address</label> 
<input id="emailAddr" type="text" name="emailAddr" maxlength="51"
value="<?php echo $emailAddr; ?>" />
<?php
	if (array_key_exists('emailAddr', $fmErrors)) {
		echo '<span class="nobr">';
		echo ' ';
		echo $fmErrors['emailAddr'];
		echo '</span>';
		}
?>
</p>
<!-- prayer request --> 
<p><label for="prayerReq">Write Your Prayer Request</label>
<textarea id="prayerReq" name="prayerReq" rows="10" cols="51">
<?php echo $prayerReq; ?></textarea></p>

Open in new window

0
Comment
Question by:Abeam
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 1

Expert Comment

by:denniscm20
ID: 22810024
Hi,

First, you have to tell the page to redirect to itself after submmiting the values.  You can do it using the action paprameter inthe Form tag.

Let's say that your file name is Contact.php.

Please, follow the example in the attached code.

I hope this will help you.


$errorMessage = "";
$error = false;
if (isset($_POST["submit"])) {
  // Insert here your validation code
  // if there is an error set the error variable $error = true
  // and the error Message variables $errorMessage = "My Error Message"
}
 
<form id="submitForm" action="Contact.php" method="POST">
<p><label for="emailAddr">Email Address</label> 
<input id="emailAddr" type="text" name="emailAddr" maxlength="51"
value="<?php echo isset($_POST["emailAddr"])?$_POST["emailAddr"]:""; ?>" />
<?php
        if (array_key_exists('emailAddr', $fmErrors)) {
                echo '<span class="nobr">';
                echo ' ';
                echo $fmErrors['emailAddr'];
                echo '</span>';
                }
?>
</p>
<!-- prayer request --> 
<p><label for="prayerReq">Write Your Prayer Request</label>
<textarea id="prayerReq" name="prayerReq" rows="10" cols="51">
<?php echo  isset($_POST["prayerReq"])?$_POST["prayerReq"]:""; ?></textarea><?php if ($error) { echo $errorMessage }?></p>
<p><input name="submit" type="submit" value="submit"></p>
</form>

Open in new window

0
 

Author Comment

by:Abeam
ID: 22818704
Thanks denniscm20. The error message is below the textarea. Is it possible to place the error message to the Right of the textarea? That is where I want it - to the right side of the textarea.
0
 
LVL 1

Accepted Solution

by:
denniscm20 earned 2000 total points
ID: 22818718
Yeah, it is possible.

The simpliest way to do that is putting the textarea into a table tag
<table><tr><td><label for="prayerReq">Write Your Prayer Request</label></td><td>
<textarea id="prayerReq" name="prayerReq" rows="10" cols="51">
<?php echo  isset($_POST["prayerReq"])?$_POST["prayerReq"]:""; ?></textarea></td><td><?php if ($error) { echo $errorMessage }?></td></tr></table>

Open in new window

0
 

Author Comment

by:Abeam
ID: 22828154
denniscm20 thanks again. This is neat.
BTW I have 2 consecutive 14-hour shifts after that I will let you. Thanks for your help.
0
 

Author Closing Comment

by:Abeam
ID: 31510135
Thanks for the lead.
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If I have to fix slow responding website my first thoughts are server side optimizations: the database may not be optimized or caching is not enabled, or things like that. We often overlook another major part of our web application: the client. We o…
Developer tools in browsers have been around for a while, yet they are still heavily underused by developers. Developers still fix html or CSS then refresh page to see effect, or they put alert or debugger in JavaScript and then try again and again …
This video teaches users how to migrate an existing Wordpress website to a new domain.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question