javascript检查是否已单击按钮

Question

i have a problem with a function that is executing once the page is refreshed and onloaded , i want to execute on click event , so there is a button once the user has clicked the button the function should be called and run the code . any ideas ? this is my script

html

<input type="submit" id="fff" value="Valider"  Onclick="validation(zero,one,two,three,four)" >

javascript

function validation(f,a,b,c,d) {
    var str = '';
    var dataString = str;
    $.ajax( {
        type: 'GET',
        url: '/voir/valider/'+f+'/'+a+'/'+b+'/'+c+'/'+d+'/',
        data: dataString,

        success: function(data) {
            $('#shows2').html(data);
        }
    } );
    $('#fff').addClass('hide');
}

Answer 1

Looks like you might be getting some errors on your parameters, try using strings. The browser probably thinks you have not defined variables of the same name. If your function is being executed automatically it might be that some other code is attempting to call a generic validation function. Try renaming it to Guns_Roses_Validation...

 function Guns_Roses_Validation(f,a,b,c,d) { console.log("It works!") } 

 <input type="submit" id="fff" value="Valider" onclick="Guns_Roses_Validation('zero','one','two','three','four')" > 

Answer 2

Sounds like you want to only allow a single click to the button.

Add a prop ( __clicked , in this case) to the function that is set once and ignored if set.

 function validation(h,o,w,d,y) { if(!this.__clicked) { this.__clicked = true; document.body.appendChild(document.createTextNode("clicked")); } } 

 <input type="submit" id="fff" value="Valider" onclick='validation("zero","one","two","three","four")' > 

Also put quotes around the args passed in your click handler if they are string.