Validando form com javascript

Eu tenho um formulário com 3 campos text: Apelido - Email - Cel

Nos 3 campos aparecem um <b>texto inicial<b/> assim:

campo apelido - Apelido, nome ou como quer ser chamado

Campo email - Seu E-mail

Campo Cel. - Cel. de WhatsApp com DDD (Opcional)

Os 2 campos Apelido e Email são obrigatórios o campo cel é opcional,

gostaria que o javascript validasse o campo Apelido e Email e caso o Cel fosse preenchido

seria obrigatório o uso do DDD e o cel com 9 dígitos, no formato, (XX) XXXXX-XXXX

E caso desse algum erro o texto do campo aparecesse em vermelho.

Como faço isso ?