Frequently Asked Questions

I already have a form add_circle_outline

All you need to do is update action attribute. Your form tag should look like this:

<form action="https://formcarry.com/s/{Your Form ID}" method="POST" accept-charset="UTF-8" >
    ...
</form>
content_copy

If you're trying to upload attachments, your form tag should include enctype="multipart/form-data" attribute

<form action="https://formcarry.com/s/{Your Form ID}" method="POST" enctype="multipart/form-data" accept-charset="UTF-8"> content_copy

You can name inputs as you wish, our system detects field names automatically 👀

I don't have a form add_circle_outline

For example if you want to do a simple email subscription form, you can use this:

<form action="https://formcarry.com/s/{Your Form ID}" method="POST" accept-charset="UTF-8" >
    <input type="email" name="email" placeholder="enter your email address" required >
    <button type="submit" value="Subscribe!">
</form>
content_copy

or you want a job apply form with CV upload? no problem:

<form action="https://formcarry.com/s/{Your Form ID}" method="POST" accept-charset="UTF-8" enctype="multipart/form-data" >
    <input type="text" name="name" placeholder="First Name" required>
    <input type="text" name="surname" placeholder="Last Name" required>
    <input type="email" name="email" placeholder="enter your email address" required>
    <input type="file" name="cv">
    <button type="submit" value="Apply!">
</form>
content_copy

How can I use ajax? add_circle_outline

This example requires jQuery

Add ajaxForm class to your form, It should look like this:

<form class="ajaxForm" action="https://formcarry.com/s/{Your Form ID}" method="POST" accept-charset="UTF-8"> content_copy

Than add this code before the </body> tag

<script>
$(function(){
    $(".ajaxForm").submit(function(e){
        e.preventDefault();
        var href = $(this).attr("action");
        $.ajax({
            type: "POST",
            dataType: "json",
            url: href,
            data: $(this).serialize(),
            success: function(response){
                if(response.status == "success"){
                    alert("We received your submission, thank you!");
                }else{
                    alert("An error occured.");
                }
            }
        });
    });
});
</script>
content_copy

Can I upload files with ajax? add_circle_outline

Normally you can't, but there's a trick works on modern browsers but some of old browsers (like IE) doesn't support this method.

This example requires jQuery.

Add ajaxForm class to your form , It should look like this:

<form class="ajaxForm" action="https://formcarry.com/s/{Your Form ID}" method="POST" accept-charset="UTF-8" enctype="multipart/form-data"> content_copy

Than add this code before the </body> tag

<script>
$(function(){
    $(".ajaxForm").submit(function(e){
        e.preventDefault();
        var href = $(this).attr("action");
        $.ajax({
            type: "POST",
            url: href,
            data: new FormData(this),
            dataType: "json",
            processData: false,
            contentType: false,
            success: function(response){
                if(response.status == "success"){
                    alert("We received your submission, thank you!");
                }else{
                    alert("An error occured.");
                }
            }
        });
    });
});
</script>
content_copy

Files doesn't show? add_circle_outline

If your files doesn't show you probably misconfigured your form, When uploading files form tag should include the enctype="multipart/form-data" attribute

<form action="https://formcarry.com/s/{Your Form ID}" method="POST" enctype="multipart/form-data" accept-charset="UTF-8"> content_copy