Laravel Form call javascript function

Question

I do not know how to call javascript function on home page when is submitted form laravel on create page ? All function is located in js file.

in home view:

<h1 id="countdown">

in js file

function countdown( elementName, minutes, seconds )
{
    var element, endTime, hours, mins, msLeft, time;

    function twoDigits( n )
    {
        return (n <= 9 ? "0" + n : n);
    }

    function updateTimer()
    {
        msLeft = endTime - (+new Date);
        if ( msLeft < 1000 ) {
            element.innerHTML = "kraj";
        } else {
            time = new Date( msLeft );
            hours = time.getUTCHours();
            mins = time.getUTCMinutes();
            element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
            setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
        }
    }

    element = document.getElementById( elementName );
    endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
    updateTimer();
}

call function is with countdown( "countdown", 30, 0 );

Form in create page:

    <form id="formm" class="form-horizontal forma" method="POST" action="porudzbina">
        <input type="hidden" name="_token" value="{{ csrf_token()}}">
    <fieldset>

    <!-- Form Name -->
    <legend class="text2">Porud/bina</legend>

        <div class="form-group">
            <label class="control-label col-sm-2" for="pizza">Pizza</label>
            <div class="controls col-sm-10">
                <select id="pizza_id" name="pizza_id" class="input-xlarge form-control">
                    <option value="1">Capriciossa</option>
                    <option value="2">Margarita</option>
                    <option value="3">Venezia</option>
                </select>
            </div>
        </div>

        <!-- Select Basic -->
        <div class="form-group">
            <label class="control-label col-sm-2" for="velicina">Velicina</label>
            <div class="controls col-sm-10">
                <select id="velicina_id" name="velicina_id" class="input-xlarge form-control">
                    <option value="1">M - 4 €</option>
                    <option value="2">L - 6 €</option>
                    <option value="3">XL - 12 €</option>
                </select>
            </div>
        </div>

        <!-- Select Basic -->
        <div class="form-group">
            <label class="control-label col-sm-2" for="kolicina">Kolicina</label>
            <div class="controls col-sm-10">
                <select id="kolicina" name="kolicina" class="input-xlarge form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
        </div>

        <!-- Textarea -->
        <div class="form-group">
            <label class="control-label col-sm-2" for="napomena">Posebna napomena</label>
            <div class="controls col-sm-10">
                <textarea id="napomena" name="napomena" class="form-control "></textarea>
            </div>
        </div>
</fieldset>



@if($errors->any())
@foreach($errors->all() as $error )
<ul class='alert alert-danger'>
<li>{{$error}}</li>
</ul>

@endforeach
@endif

</form>

André Silva · Accepted Answer · 2015-06-24 23:12:03Z

1

You can use the jQuery submit callback like this. Check the documentation.

$("#form").submit(function() {
   countdown("countdown", 30, 0);
});

edited Jun 24, 2015 at 23:12

answered Jun 24, 2015 at 23:06

André Silva

1,1088 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel Form call javascript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related