document submit success

 

How to Submit a Form with JavaScript – JS Submit Button Example

By Joel Olawanle

When building applications and websites on the internet, you’ll sometimes need your users to supply information by filling out a form.

But then you might wonder – how do you get this data from the form? Well, you can do this with JavaScript.

In this article, you will learn how to create a form and get data from it when the form is submitted with JavaScript.

If you're working in an office, you're probably sending documents every day. But are your emails up to scratch?

Whether emailing customers, clients, or colleagues, we can show you how to create better messages. We break down document emails into the basic building blocks, showing you how to create better correspondence.

We'll explore how to use the correct language, tackle tone of voice and structure, and then finish with 6 solid gold samples and a template.

What to write in an email when sending documents

Let's start with the good news. You don't need to write a long and detailed email when sharing documents. 

The attachments are what matters, so you'll just need to introduce them, explain what they are and explain why you're sending them.

Here are some of the principles for writing better document emails:

• Use clear language.
• Keep messages clear and concise.
• Include relevant information about the purpose or context of documents.
• Spend time getting the right for your audience (formal for customers and clients and friendly for colleagues, friends, and family).
• Stay polite and professional at all times.

Writing document emails can be as simple as a few sentences, or it can stretch to half a page. Focus on the easiest and most effective way of sharing your message.

Before writing emails, ask yourself the following:

• What do you want someone to do with the document? Do you need to request action from the recipient? Make it clear if you need them to act, like review, comment, or proofread it.

• Is there a deadline? Always add a deadline for a response if required.
• Do you need to provide instructions? You can add details about how documents can be used. You can also offer guidance (and restrictions) on whether documents can be shared and with whom.

• Do you need to provide access? Remember to share access to those files before sending online documents (like Google Docs ). For password-protected files, be sure to include the password!

• Do they need to confirm receipt? If you're sending something important, like a bill or invoice, it's always a good idea to ask for This is also important when sharing sensitive documents to ensure they've ended up with the correct person.

This article won't cover how to input data into a database – it will only cover how to submit a form. But you should know that once you have this data, you can send it to the database of your choice, use it to manipulate information, and much more.

To submit a form using JavaScript, you must first create the form and add distinctive, specific attributes to the input fields. You will use these attributes to retrieve the data when the user submits and then calls a function to handle validations (possibly if any data is submitted).

How to Create the HTML Form

To get started, let's create a basic HTML form with two fields: username and password. We'll also add a button that will be used to submit the form and trigger a JavaScript action.

Email subject line for sending documents

OK, so this is super simple. You need to use your subject lines to explain what your messages are, what's included and anything else (such as a deadline).

The basic principles are familiar. Keep document message subject lines short and informative. Here are a few examples:

• Documents attached – (what the documents are attached)
• Q1 Sales figures – Attached with this email
• Please find (the document name) attached
• (Document title) – Attached
• Please review by (date) – (Document details)

2. Email body with documents attached

In the email body, we get down to business.

You need to provide a brief introduction and introduce your documents. Then, you can add the context and purpose of your message and clear instructions about what they are and why you're sending them.

• Attached you can find the sales figures for Quarter 1. The spreadsheet provides a breakdown of all sales in each product area. This provides a snapshot of all activity and shows we're making significant progress toward achieving our targets.

You'll also want to set out the next steps. For example, you can add contact information and a call-to-action (CTA) with actions, deadlines, and deliverables.

• Please confirm that you have received the latest report and are happy with it. Once you have confirmed this, I will share it with the rest of the sales team.

3. How to end email when sending documents

Time to sign off and send with a Be sure to include essential information, such as a CTA and contact details.

• Thanks in advance for reviewing this quarter's sales figures. If you spot any issues or want to chat about them, please get in touch with me at (insert details). I look forward to hearing from you.

Before sending, it's important to re-read your messages and ensure the spelling and grammar are up to scratch.

Finally, double-check that you remembered to attach the document you're sending and check you've managed permissions and included any passwords.

Need to write a great email to send documents? Try MailMaestro for free!

MailMaestro can help you draft a professional email to send documents in seconds. One of our standout

MailMaestro tip:

Use MailMaestro's kumaraatram977@gmail.com

feature. Customize any of the email examples below to suit your needs. Or, enter a quick sentence explaining the message you'd like to convey. 

 After filling in the placeholders, use MailMaestro's Improve existing email option. Then, paste your draft into the text box. Make sure to select your preferred email tone and length. And just like that, you'll have a polished email ready to send!

6 sample emails for submitting documents

By now, it should be evident that sending documents is pretty easy – but in this section, we'll show you.

Here are 6 sample emails for sending requested documents covering several everyday situations you'll find in business. We provide a bit of an intro for each sample, highlighting the critical points you must get across.

1. Sample email for submitting documents

Here's a stripped-back sample for sharing documents. We won't go into detail; we're just delivering the documents and assuming the person receiving them knows who you are, what you're sending, and why.

Hi (Recipient's name),

I hope that you are well. I have attached (document details) to this email.

If you have any problems opening the document, do let me know. I'm happy to explain any details or provide extra information if required.

You can contact me at (insert details).

2. Sample email for sending documents to HR

HR departments might want to see copies of your qualifications, permissions to work, driving license, or other documents.

Here's a sample email for sending documents to HR after an interview.

Hi (Recipient's name),

My name is (your name), and I recently interviewed for the (role) position at (company name).

I was asked to provide copies of (whatever you have provided).

You can find copies of all documents attached to this email.

If you require any further information or want to chat about my documents, please contact me at (contact details).

Can you confirm that you have received this email and outline the next steps in the process?

Many thanks,