soumettre le formulaire avec lien normale, ne fonctionnera pas

Question

J'ai ceci:

<a style="display: inline-block; width: 100px; font-weight: bold;" 
    href="javascript:submit()">Search</a> 

Comme au lieu d'un bouton soumettre, mais rien ne se passe lorsque vous cliquez sur ..

Comment faire?

Answer 1

Vous avez besoin document.yourFormNameHere.submit(); pas seulement submit()

Answer 2

Vous devez définir la forme à soumettre ..

donc donner la forme d'un identifiant et l'utiliser pour cibler la forme comme celui-ci

<form id="someid"> 
... 
<a style="display: inline-block; width: 100px; font-weight: bold;" href="javascript:document.getElementById('someid').submit()" >Search </a> 

Answer 3

vous avez javascript: submit(), mais que va-t-il soumettre? Essayez quelque chose le long des lignes de:

href="javascript:document.getElementById('formId').submit();" 

Ou encore mieux encore, essayez de donner un identifiant à votre puis déplacer les styles et javascript dans des fichiers séparés de façon appropriée. Cela permettra de garder votre balisage propre et plus gérable.

/* in some sort of external css that is included */ 
#formSubmissionLink { 
    display: inline-block; 
    font-weight: bold; 
    width: 100px; 
} 

/* in some sort of external JS that is included at the end of the html*/ 
(function() { 
    document.getElementById("formSubmissionLink").onclick = function() { 
     document.getElementById("formId").submit(); 
     return false; 
    }; 
})(); 

puis votre code html serait: < un id = "formSubmissionLink" href = "#"> Recherche </a>

Answer 4

<form id='demoForm'><br> 
Demo field<input type='text' name='demoItem' /><br> 
</form> 

//place this link anywhere in html 
<a style="display: inline-block; width: 100px; font-weight: bold;" 
    href="submitForm()">Search</a> 

///java script 
function submitForm() 
{ 
    document.getElementById('demoForm').submit();  
}