Is it possible to validate form on client and server only with Javascript?

Question

In the particular case, I would like to create a form contact, with name, type of service (dropdown menu: webdesign, mobile), subject and message. I would also like to send this form with name, type of service and message for a specific email in text format.

Usually the validation of a form is done on the server with ASP, Java. Now, would it be possible to validate only with Javascript? What technology is required to do this?

Answer 1

You can use Client-Side validation with Javascript (pure or using some biliotec like Jquery, Angularjs, etc). This will occur before you send the data to the server. Something like this:

function Valida() {
    if (document.getElementById("nome").value.length < 1) {
        alert("Digite um nome.");
        document.getElementById("nome").focus();
        return false;
    } else if (document.getElementById("idade").value.length < 1) {
        alert("Digite uma idade.");
        document.getElementById("idade").focus();
        return false;
    } else if (document.getElementById("sexo").value == 0) {
        alert("Escolha um sexo.");
        document.getElementById("sexo").focus();
        return false;
    } else {
        return true;
    }
}

Source: https://bytecrow.wordpress.com/2011/10/17/tutorial-para-iniciantes-05-validacao-de-formulario-com-javascript/

You can (and recommend) validate also on the server side using Nodejs and Javascript.

The code is big, see in https://udgwebdev.com/trabalhando-com-validators-no-node-js.

You can send txt or html emails using nodemailer, plugin for express:

var nodemailer = require('nodemailer');

// create reusable transporter object using the default SMTP transport
var transporter = nodemailer.createTransport('smtps://user%40gmail.com:[email protected]');

// setup e-mail data with unicode symbols
var mailOptions = {
    from: '"Fred Foo " <[email protected]>', // sender address
    to: '[email protected], [email protected]', // list of receivers
    subject: 'Hello ✔', // Subject line
    text: 'Hello world ', // plaintext body
    html: '<b>Hello world </b>' // html body
};

// send mail with defined transport object
transporter.sendMail(mailOptions, function(error, info){
    if(error){
        return console.log(error);
    }
    console.log('Message sent: ' + info.response);
});

Source: https://github.com/nodemailer/nodemailer