Visualizzazione risultati 1 fino 3 di 3

Discussione: Avviso se il campo è vuoto

  1. #1
    Guest

    Predefinito Avviso se il campo è vuoto

    Ho questo codice per il campo di ricerca, ci devo mettere un avviso del tipo "Il campo è vuoto" se l'utente clicca Cerca. In jQuery sarebbe meglio, così esce subito l'avviso senza caricare la pagina.
    A me basta un piccolo script, poi il css lo metto io.

    Forse ho sbagliato sezione, era meglio in JavaScript

    Codice HTML:
    <form class="boxricerca" action="<?php echo esc_url( home_url( '/' ) ); ?>" method="get">
    <label class="assistive-text"> <?php _e( 'Search', 'wp-portfolio' ); ?> </label>
    <input type="search" placeholder="<?php esc_attr_e( 'Search', 'wp-portfolio' ); ?>" class="s field" name="s">
    <input type="submit" class="submit" id="searchsubmit" value="<?php echo esc_attr_x( 'Cerca', 'submit button', 'wp-portfolio' ); ?>" />
       </form><!-- search-form -->
    Ultima modifica di photoman : 18-10-2018 alle ore 06.47.35

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    Predefinito

    Modifica:
    Codice HTML:
    <input type="search" placeholder="<?php esc_attr_e( 'Search', 'wp-portfolio' ); ?>" class="s field" name="s">
    In:
    Codice HTML:
    <input type="search" placeholder="<?php esc_attr_e( 'Search', 'wp-portfolio' ); ?>" class="s field" name="s" required>
    Ciao!

  3. #3
    mzanella non è connesso AlterGuru
    Data registrazione
    29-12-2015
    Messaggi
    1,954

    Predefinito

    Edit: alemoppo è stato più veloce!
    Se ti basta il pop-up di default del browse usa la soluzione che ti ha proposto. Se hai bisogno di struttura/stile/interazioni ad-hoc, usa il JavaScript qui sotto:

    Assegna un id al form, ad esempio search-form e, tramite jQuery:
    Codice:
    $(function () {
        $('#search-form').submit(function (event) {
            var s = $(this).find('input[name="s"]').val();
            
            if (!s) {
                alert("Il campo è vuoto.");
                event.preventDefault();
            }
        });
    });
    Ultima modifica di mzanella : 18-10-2018 alle ore 13.44.35

    I suggerimenti che do più spesso:


Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •