Introdução
Deseja validar um URL de mídia social em seu formulário? Para os fins desta documentação, vamos permitir que o usuário insira um URL do Twitter e um URL do Facebook, mas queremos validar os URLs de mídia social antes que o formulário seja enviado. Neste tutorial, vamos orientá-lo nas etapas de como fazer isso.
Criando o formulário
Primeiro, você precisará criar seu formulário. Nosso formulário incluirá dois campos de site/URL. Um deles será para um URL de acompanhamento do Twitter e o outro para um URL de acompanhamento do Facebook.
Se precisar de ajuda para criar seu formulário, consulte esta documentação.
Adicionando o snippet
Agora que você adicionou os campos, é hora de adicionar o snippet de código ao seu site para validar um URL de mídia social no formulário.
Se você não tiver certeza de como ou onde adicionar snippets ao seu site, consulte este tutorial.
/**
* Confirm the correct social network link in the form.
*
* @link https://wpforms.com/developers/how-to-validate-a-social-media-url-field-in-your-form/
*/
function wpf_dev_process_check_social_url( $fields, $entry, $form_data ) {
// Optional, you can limit to specific forms. Below, we restrict output to
// form #902.
if ( absint( $form_data['id'] ) !== 902 ) {
return $fields;
}
$fb_url = $fields[25][ 'value' ];
$findfb = 'facebook.com';
$find_fb_url = strpos($fb_url, $findfb);
if ($find_fb_url === false) {
// Check the field ID 25 to make sure it contains facebook.com
wpforms()->process->errors[ $form_data[ 'id' ] ] [ '25' ] = esc_html__( 'Please enter a valid Facebook Profile URL.', 'plugin-domain' );
}
$twitter_url = $fields[26][ 'value' ];
$findtwitter = 'twitter.com';
$find_twitter_url = strpos($twitter_url, $findtwitter);
if ($find_twitter_url === false) {
// Check the field ID 26 to make sure it contains twitter.com
wpforms()->process->errors[ $form_data[ 'id' ] ] [ '26' ] = esc_html__( 'Please enter a valid Twitter Profile URL.', 'plugin-domain' );
}
}
add_action( 'wpforms_process', 'wpf_dev_process_check_social_url', 10, 3 );
No trecho de código acima, estamos usando esse trecho apenas no formulário ID 902 e apenas no campo ID 25, que é o campo de URL do Facebook, e no campo 26, que é o campo de URL do Twitter.
Quando os usuários inserem um link nesses campos que não correspondem ao que está listado em nosso trecho de código acima, eles verão um erro depois de enviar o formulário.
Você precisará atualizar os IDs do formulário e do campo para que correspondam ao que você tem em seu site. Se precisar de ajuda para encontrar esses IDs, dê uma olhada neste tutorial.
E é isso! Você conseguiu validar com êxito um URL de mídia social. Gostaria que os usuários também fizessem login automaticamente depois de preencherem o formulário de registro? Dê uma olhada no nosso artigo sobre Como fazer login automaticamente nos usuários após o registro.
Relacionado
Referência da ação: wpforms_process
PERGUNTAS FREQUENTES
P: Posso adicionar o LinkedIn a esse snippet?
R: Com certeza! Para adicionar ao snippet acima para o LinkedIn, use este snippet e atualize o formulário e os IDs de campo para o formulário que você está usando.
/**
* Confirm the correct social network link in the form.
*
* @link https://wpforms.com/developers/how-to-validate-a-social-media-url-field-in-your-form/
*/
function wpf_dev_process_check_social_url( $fields, $entry, $form_data ) {
// Optional, you can limit to specific forms. Below, we restrict output to
// form #902.
if ( absint( $form_data['id'] ) !== 902 ) {
return $fields;
}
$fb_url = $fields[25][ 'value' ];
$findfb = 'facebook.com';
$find_fb_url = strpos($fb_url, $findfb);
if ($find_fb_url === false) {
// Check the field ID 25 to make sure it contains facebook.com
wpforms()->process->errors[ $form_data[ 'id' ] ] [ '25' ] = esc_html__( 'Please enter a valid Facebook Profile URL.', 'plugin-domain' );
}
$twitter_url = $fields[26][ 'value' ];
$findtwitter = 'twitter.com';
$find_twitter_url = strpos($twitter_url, $findtwitter);
if ($find_twitter_url === false) {
// Check the field ID 26 to make sure it contains twitter.com
wpforms()->process->errors[ $form_data[ 'id' ] ] [ '26' ] = esc_html__( 'Please enter a valid Twitter Profile URL.', 'plugin-domain' );
}
$linkedin_url = $fields[27][ 'value' ];
$findlinkedin = 'linkedin.com';
$find_linkedin_url = strpos($linkedin_url, $findlinkedin);
if ($find_linkedin_url === false) {
// Check the field ID 27 to make sure it contains linkedin.com
wpforms()->process->errors[ $form_data[ 'id' ] ] [ '27' ] = esc_html__( 'Please enter a valid LinkedIn Profile URL.', 'plugin-domain' );
}
}
add_action( 'wpforms_process', 'wpf_dev_process_check_social_url', 10, 3 );