I am very confused that my html form action doesn't redirect me to another page, because this has always worked.
Here's my code
<section class="contact section-padding" data-scroll-index="6">
<div class="container">
<div class="row">
<div class="section-head text-center col-sm-12">
<h4>Neem contact op</h4>
<h6>Vul formulier in</h6>
</div>
<div class="offset-lg-2 col-lg-8 offset-md-1 col-md-10">
<form method="post" class="form" id="contact-form" action="verstuurd.php">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input id="form_name" type="text" name="volledige_naam" placeholder="Volledige naam">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input id="form_email" type="email" name="email" placeholder="E-mailadres" >
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input id="form_subject" type="text" name="subject" placeholder="Onderwerp">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea id="form_message" name="message" placeholder="Bericht" rows="4" ></textarea>
</div>
</div>
<div class="col-md-12 text-center">
<button type="submit"><span>Verstuur</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
What is wrong with this? I thought it might has to do something with the div classes, but is this possible?
Edit
Verstuurd.php
<section class="contact section-padding" data-scroll-index="6">
<div class="container">
<div class="row">
<div class="section-head text-center col-sm-12">
<h4>Succesvol verstuurd</h4>
<h6>We nemen zo snel mogelijk contact met u op</h6>
</div>
</div>
</div>
</section>
At the moment I do not have any php code in verstuurd.php. I thought that aciton only redirects to PHP files and not HTML files.
I'm guessing there's some javascript that is blocking the form submission. Look out for anything similar to e.preventDefault(); in relation to form submission.
Change your button from
<button type="submit"><span>Verstuur</span></button>
to
<input id="submit" name="submit" type="submit" value="Verstuur">
Related
i have a little bit error when doing a simple registration form. My problem is the data that have input is not inserted in database.
But before i using horizontal form the data can be inserted in my database. I'm using MySQL. this is my controller :
function create(){
$data = array(
'nik' => $this->input->post('nik'),
'nama' => $this->input->post('nama'),
'tgl_lahir' =>$this->input->post('tgl_lahir'),
'no_hp' => $this->input->post('no_hp'),
'alamat' => $this->input->post('alamat')
);
$this->db->insert('profile_mitra',$data);
redirect('admin/daftar_mitra');
}
and this my view called tambah_mitra.php.
View (tambah_mitra.php)
<?php $this->load->view('templates/head');?>
<?php $this->load->view('templates/sidebar');?>
<body>
<div class="content-wrapper">
<section class="content-header">
<section class="content">
<div class="row">
<!-- left column -->
<div class="col-md-6">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Tambah Mitra</h3>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form">
<div class="box-body">
<div class="form-group">
<?php echo validation_errors();?>
<?php echo form_open('admin/daftar_mitra');?>
<label for="exampleInputEmail1">NIK</label>
<input type="text" class="form-control" id="nik" placeholder="NIK">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Nama</label>
<input type="text" class="form-control" id="nama" placeholder="Nama">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Tanggal Lahir</label>
<input type="date" class="form-control" id="tgl_lahir" placeholder="">
</div>
<div class="form-group">
<label for="exampleInputEmail1">No.HP</label>
<input type="text" class="form-control" id="no_hp" placeholder="Nomor Handphone">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Alamat</label>
<input type="alamat" class="form-control" id="alamat" placeholder="Alamat Lengkap">
</div>
<!-- <div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div> -->
</div>
<!-- /.box-body -->
<div class="box-footer">
<input class="btn btn-success" type="submit" value="Simpan">
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</body>
<?php $this->load->view('templates/footer');?>
it is not inserting because you did not define name of input filed.i think this is the reason of not inserting data. please try.
<div class="form-group">
<label for="exampleInputEmail1">Nama</label>
<input type="text" class="form-control" id="nama" name="nama" placeholder="Nama">
</div>
try closing your form
<?php echo form_close();?>
Also to see the errors use
<?php echo form_error('nik');
and continue filling the (' ') in with your variables
to see what the error is.
At the moment I have this bootstrap login form which when you click Sign Up it switches to the sign up form. I've implemented the code for signing up in php along side some validation in PHP using $_POST to check to see if the fields are filled in and passwords match etc however, each time I submit the sign up for it switches back to the login form on the same page however, I want to it to remain on the sign up form if any of the validations fail. How would I go about doing this as simply changing the action="" in the form doesn't work. Here's the code for the bootrstrap login and sign up.
<div class="container">
<div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-info" >
<div class="panel-heading">
<div class="panel-title">Sign In</div>
<div style="float:right; font-size: 80%; position: relative; top:-10px">Forgot password?</div>
</div>
<div style="padding-top:30px" class="panel-body" >
<div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div>
<form action="login.php" method="post" id="loginform" class="form-horizontal" role="form">
<h5 style="margin-top: 0px"><b>To place an order, please sign in.</b></h5>
<div id="error"></div>
<br>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="login-username" type="text" class="form-control" name="username" value="" placeholder="username or email">
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="login-password" type="password" class="form-control" name="password" placeholder="password">
</div>
<div class="input-group">
<div class="checkbox">
<label>
<input id="login-remember" type="checkbox" name="remember" value="1"> Remember me
</label>
</div>
</div>
<div style="margin-top:10px" class="form-group">
<!-- Button -->
<div class="col-sm-12 controls">
<p><input id="btn-login" class="btn btn-success" type="submit" name="submit" value="Login" /></p>
<input type="hidden" name="submitted" value="TRUE" />
</div>
</div>
<div class="form-group">
<div class="col-md-12 control">
<div style="border-top: 1px solid#888; padding-top:15px; font-size:85%" >
Don't have an account!
<a href="#" onClick="$('#loginbox').hide(); $('#signupbox').show()">
Sign Up Here
</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div id="signupbox" style="display:none; margin-top:50px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">Sign Up</div>
<div style="float:right; font-size: 85%; position: relative; top:-10px"><a id="signinlink" href="#" onclick="$('#signupbox').hide(); $('#loginbox').show()">Sign In</a></div>
</div>
<div class="panel-body" >
<form action="" method="post" id="signupform" class="form-horizontal" role="form">
<div id="errorRegistration"></div>
<div id="signupalert" style="display:none" class="alert alert-danger">
<p>Error:</p>
<span></span>
</div>
<div class="form-group">
<label for="username" class="col-md-3 control-label">Username</label>
<div class="col-md-9">
<input type="text" class="form-control" name="newusername" placeholder="Username">
</div>
</div>
<div class="form-group">
<label for="email" class="col-md-3 control-label">Email</label>
<div class="col-md-9">
<input type="text" class="form-control" name="newemail" placeholder="Email Address">
</div>
</div>
<div class="form-group">
<label for="password" class="col-md-3 control-label">Password</label>
<div class="col-md-9">
<input type="password" class="form-control" name="newpassword" placeholder="Password">
</div>
</div>
<div class="form-group">
<label for="confirm-password" class="col-md-3 control-label">Confirm Password</label>
<div class="col-md-9">
<input type="password" class="form-control" name="newconfirm-password" placeholder="Confirm Password">
</div>
</div>
<div class="form-group">
<label for="forename" class="col-md-3 control-label">Forename</label>
<div class="col-md-9">
<input type="text" class="form-control" name="forename" placeholder="Forename">
</div>
</div>
<div class="form-group">
<label for="surname" class="col-md-3 control-label">Surname</label>
<div class="col-md-9">
<input type="text" class="form-control" name="surname" placeholder="Surname">
<div class="form-group">
<!-- Button -->
<div class="col-md-offset-3 col-md-9">
<p><input id="btn-signup" class="btn btn-info" type="submit" name="submittedRegister" value="  Sign Up" /></p>
<input type="hidden" name="submittedRegister" value="TRUE" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
Thanks again for the help! :D
There are many ways to do this, but a simple one would be something like this:
<div id="signupbox" style="<? if (empty($_POST['submittedRegister'])) echo 'display: none;' ?> margin-top:50px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
(And a modified version for #loginbox)
However, I don't recommend to use style attributes, if you can use classes. It might be easier, but classes help keeping the code clean and maintainable
When i post a Message from my web page it returns a ? in the browser such as this,
I believe both the HTML and the php to be correct
The html......
`enter code here`
<form class="form-horizontal">
<fieldset>
<div class="form-group is-empty">
<label for="Name" class="col-md-2 control- label">Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="Name" placeholder="Name">
</div>
</div>
<div class="form-group is-empty">
<label for="Email" class="col-md-2 control-label">Email</label>
<div class="col-md-10">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
</div>
<div class="form-group is-empty">
<label for="Message" class="col-md-2 control-label">Message</label>
<div class="col-md-10">
<input type="text" class="form-control" id="Message" placeholder="Message">
</div>
</div>
<div class="form-group">
<form action="sendcontact.php" method="post">
<div class="col-md-10 col-md-offset-2">
<button type="submit">Send Message</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</section>
enter code here
you have declare form method and its action in form tag. Something like as follows
<form action="actionPage.php" method="POST"> //you can send data in get method or post method
Hope this will work for you...
action="yourLoctionUrl" tell the form where to submit data.
if you will do it empty then it will show ?yourinput fields&other inputs
<form action="sendcontact.php" method="post" class="form-horizontal">
<fieldset>
<div class="form-group is-empty">
<label for="Name" class="col-md-2 control- label">Name</label>
<div class="col-md-10">
<input type="text" class="form-control" id="Name" placeholder="Name">
</div>
</div>
<div class="form-group is-empty">
<label for="Email" class="col-md-2 control-label">Email</label>
<div class="col-md-10">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
</div>
<div class="form-group is-empty">
<label for="Message" class="col-md-2 control-label">Message</label>
<div class="col-md-10">
<input type="text" class="form-control" id="Message" placeholder="Message">
</div>
</div>
<div class="form-group">
<div class="col-md-10 col-md-offset-2">
<button type="submit">Send Message</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
You have used form tag twice in your coding. put your action and post in starting form tag as i did.
You didn't close the second form tag. Go for this:
<form action="sendcontact.php" method="post">
<div class="col-md-10 col-md-offset-2">
<button type="submit">Send Message</button>
</div>
</form>
I am working on a PHP based application in which we are getting large amount of data including more than 5 images. The code was working fine for many days but now it just stopped working. When we click the submit button the page reloads but the form does not submit to PHP POST Method. When i remove enctype from form then it gets submitted but the images doesn't pass. And with enctype it is only working with 3 images. if i increase the number of images it stops working.
Code of my application:
<form role="form" name="app_form" id="app_form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<div id="application_form"> <!-- Application Form Starts Here -->
<div class="container-fluid">
<div style="margin-top: 10px; border-top: 3px solid #37A8B3; padding-top: 10px;">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group" style="margin-top: 10px;">
<label class="control-label col-md-2" >Applied For:</label>
<div class="col-md-3">
<input type="text" class="form-control" name="app_for" id="app_for" required>
</div>
<label class="control-label col-md-1">ID No:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="form_id" required>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div style="margin-bottom: 10px;">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload1:</label>
<div class="col-md-2">
<input type="file" name="Upload_1" id="Upload_1" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload2:</label>
<div class="col-md-2">
<input type="file" name="Upload_2" id="Upload_2" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload3:</label>
<div class="col-md-2">
<input type="file" name="Upload_3" id="Upload_3" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload4:</label>
<div class="col-md-2">
<input type="file" name="Upload_4" id="Upload_4" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload5:</label>
<div class="col-md-2">
<input type="file" name="Upload_5" id="Upload_5" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload6:</label>
<div class="col-md-2">
<input type="file" name="Upload_6" id="Upload_6" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload7:</label>
<div class="col-md-2">
<input type="file" name="Upload_7" id="Upload_7" required>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #37A8B3;">
<h4 style="padding: 5px; color: white;"> PLEASE COMPLETE IN BLOCK CAPITALS </h4>
</div>
<div style="border-bottom: 3px solid #37A8B3;">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2 col-lg-2">Title Mr/Mrs/Ms/Other:</label>
<div class="col-md-1">
<select class="form-control" name="user_title" required>
<option value="">Select</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="other">Other</option>
</select>
</div>
<label class="control-label col-md-1" >First Name:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_fname" required >
</div>
<label class="control-label col-md-1" >Mid Name:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_midname">
</div>
<label class="control-label col-md-1" >Surname:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_surname">
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-3" >Maiden/Former Name<small><i> (List all previous first names and surnames)</i></small>:</label>
<div class="col-md-9">
<input type="text" class="form-control" name="user_formername" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2" >Current Address:</label>
<div class="col-md-6 input-group-md">
<textarea class="form-control" name="user_curr_addr" rows="2" required></textarea>
</div>
<label class="control-label col-md-1" >Postcode:</label>
<div class="col-md-3 input-group-sm">
<input type="text" class="form-control" name="user_curr_post_code" required>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12" style="margin-top: 20px; margin-bottom: 10px;">
<div class="col-md-2 col-md-offset-5">
<input type="submit" class="form-control btn btn-primary" name="submit_app" value="Submit Application">
</div>
</div>
</div>
</div>
<br>
<br>
<br>
</div>
</div>
</div>
</div>
</div> <!-- Application Form Ends Here -->
</form>
May be at first you tried small images and 5 pieces of small JPEGs didn't exceed your request size, then. Now, you're trying with bigger files and the total of your files are exceeding your request size value, thus you cannot complete your POST requests.
You should have got an error on the way somewherei though, but anyway.
I believe you should increase the request size in you PHP settings. Check the value of request size is bigger than the total size of files you're trying to POST.
I cannot provide you any code, because your question doesn't have any. I am just trying to help you out by pointing where to look.
EDIT:
As I am not a PHP expert, I know that the post size can be changed when you play with the "upload_max_filesize = xxM" and "post_max_size = xxM" which are located in the "PHP.ini" configuration file in your PHP installation directory. These are global values, though. If you're using a hosting panel, chances are you will find PHP specific settings in your panel. Just change or add these settings in order to override the global ones.
I am a beginner in html/wordpress css js.
I managed to convert my html site in to wordpress but on my html i had a php email form which was working fine in html but not in wordpress,
any idea what code i need and where to place?
here is the html:
<section id="contact" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
<h3>CONTACT US</h3>
</div>
<div class="col-md-2"></div>
<div class="col-md-8">
<p>Contact us today </p>
</div>
<div class="col-md-2"></div>
<form action="emailform.php" method="post">
<div class="col-md-4 wow fadeInLeft" data-wow-delay="2000">
<input type="text" placeholder="Name" class="form-control">
</div>
<div class="col-md-4 wow fadeInDown" data-wow-delay="2000">
<input type="email" placeholder="Email" class="form-control" required>
</div>
<div class="col-md-4 wow fadeInRight" data-wow-delay="2000">
<input type="text" placeholder="Subject" class="form-control">
</div>
<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
<textarea placeholder="Message" class="form-control"></textarea>
</div>
<div class="col-md-3"></div>
<div class="col-md-6 wow fadeInUp" data-wow-delay="2000">
<input type="submit" value="SEND MESSAGE" class="form-control">
</div>
<div class="col-md-3"></div>
</form>
</div>
</div>
To begin with you should use the name attribute on all of your inputs.
http://www.w3schools.com/tags/att_input_name.asp
Also if the file is stored within your theme you need to use
<form action="<?php echo get_template_directory(); ?>/path/to/file/emailform.php" method="post">
<form action="<?php echo get_template_directory(); ?>http://mysite.CO.UK/baca2ztheme/wp-content/themes/mytheme/emailform.php" method="post">
thats the url and now when i click on submit its as it refreshes the page. but if i manually refresh the page it says browser is trying to send information click ok to resend etc...