Response title
This is preview!
Move this topic
creating a contact form
in jQuery Mobile
•
2 years ago
Hello there,
I have been sitting on this task for days now with no luck. Does anyone know how to make a contact form in jquery mobile ?? I can construct the form, but I can never get it to work with php, is there something missing that i need? Is there a tutorial on this??
thanks,
thomas
I have been sitting on this task for days now with no luck. Does anyone know how to make a contact form in jquery mobile ?? I can construct the form, but I can never get it to work with php, is there something missing that i need? Is there a tutorial on this??
thanks,
thomas
3
Replies(7)
Re: creating a contact form
2 years ago
this is the html part
<div data-role="content">
<form action="contact.php" method="post">
<fieldset>
<div data-role="fieldcontain">
<label for="senderName">Name:</label>
<input type="text" name="senderName" id="senderName" placeholder="Please type your name" required="required" maxlength="40" />
</div>
<div data-role="fieldcontain">
<label for="senderEmail">Email Address:</label>
<input type="email" name="senderEmail" id="senderEmail" placeholder="Please type your email address" required="required" maxlength="50" />
</div>
<div data-role="fieldcontain">
<label for="message" style="padding-top: .5em;">Your Message</label>
<textarea name="message" id="message" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>
</div>
</fieldset>
<button type="submit" data-theme="b"/>Send Email</button>
</form>
here is the php part
<?php
define( "RECIPIENT_NAME", "Thomas" );
define( "RECIPIENT_EMAIL", "gomobile@talonmobile.com" );
define( "EMAIL_SUBJECT", "Visitor Message" );
$success = false;
$senderName = isset( $_POST['senderName'] ) ? preg_replace( "/[^\.\-\' a-zA-Z0-9]/", "", $_POST['senderName'] ) : "";
$senderEmail = isset( $_POST['senderEmail'] ) ? preg_replace( "/[^\.\-\_\@a-zA-Z0-9]/", "", $_POST['senderEmail'] ) : "";
$message = isset( $_POST['message'] ) ? preg_replace( "/(From:|To:|BCC:|CC:|Subject:|Content-Type:)/", "", $_POST['message'] ) : "";
if ( $senderName && $senderEmail && $message ) {
$recipient = RECIPIENT_NAME . " <" . RECIPIENT_EMAIL . ">";
$headers = "From: " . $senderName . " <" . $senderEmail . ">";
$success = mail( $recipient, EMAIL_SUBJECT, $message, $headers );
}
if ( isset($_GET["ajax"]) ) {
echo $success ? "success" : "error";
} else {
?>
<html>
<head>
<title>Thanks!</title>
</head>
<body>
<?php if ( $success ) echo "<p>Thanks for sending your message! We'll get back to you shortly.</p>" ?>
<?php if ( !$success ) echo "<p>There was a problem sending your message. Please try again.</p>" ?>
</body>
</html>
<?php
}
?>
<div data-role="content">
<form action="contact.php" method="post">
<fieldset>
<div data-role="fieldcontain">
<label for="senderName">Name:</label>
<input type="text" name="senderName" id="senderName" placeholder="Please type your name" required="required" maxlength="40" />
</div>
<div data-role="fieldcontain">
<label for="senderEmail">Email Address:</label>
<input type="email" name="senderEmail" id="senderEmail" placeholder="Please type your email address" required="required" maxlength="50" />
</div>
<div data-role="fieldcontain">
<label for="message" style="padding-top: .5em;">Your Message</label>
<textarea name="message" id="message" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>
</div>
</fieldset>
<button type="submit" data-theme="b"/>Send Email</button>
</form>
here is the php part
<?php
define( "RECIPIENT_NAME", "Thomas" );
define( "RECIPIENT_EMAIL", "gomobile@talonmobile.com" );
define( "EMAIL_SUBJECT", "Visitor Message" );
$success = false;
$senderName = isset( $_POST['senderName'] ) ? preg_replace( "/[^\.\-\' a-zA-Z0-9]/", "", $_POST['senderName'] ) : "";
$senderEmail = isset( $_POST['senderEmail'] ) ? preg_replace( "/[^\.\-\_\@a-zA-Z0-9]/", "", $_POST['senderEmail'] ) : "";
$message = isset( $_POST['message'] ) ? preg_replace( "/(From:|To:|BCC:|CC:|Subject:|Content-Type:)/", "", $_POST['message'] ) : "";
if ( $senderName && $senderEmail && $message ) {
$recipient = RECIPIENT_NAME . " <" . RECIPIENT_EMAIL . ">";
$headers = "From: " . $senderName . " <" . $senderEmail . ">";
$success = mail( $recipient, EMAIL_SUBJECT, $message, $headers );
}
if ( isset($_GET["ajax"]) ) {
echo $success ? "success" : "error";
} else {
?>
<html>
<head>
<title>Thanks!</title>
</head>
<body>
<?php if ( $success ) echo "<p>Thanks for sending your message! We'll get back to you shortly.</p>" ?>
<?php if ( !$success ) echo "<p>There was a problem sending your message. Please try again.</p>" ?>
</body>
</html>
<?php
}
?>
Leave a comment on willmerydith's reply
Re: creating a contact form
2 years ago
Got no idea about PHP. Your form looks ok. A problem could be the result of your PHP Service.
Your result is missing a data-role='page' div.
try this boilerplate from the docs:
<div data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<p>Page content goes here.</p>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
Leave a comment on stefan.gebhardt's reply
Re: creating a contact form
2 years ago
Hello i have the same problem than you, can you tell me how you have resolved it for returning a page that jqm can handle ?
Re: creating a contact form
1 year ago
Hi, I really hope you can help. You say that you have worked out the form, but i'm really struggling and not getting anywhere - I just can't understand the php part/how to make it work. If you can give me some advice it would be much appreciated. Thanks!
Leave a comment on tennispolska's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to tennispolska's question
Statistics
- 7 Replies
- 3642 Views
- 2 Followers
