Problème d'Internet Explorer avec l'attribut de formulaire HTML5 pour l'élément de bouton

en HTML5, il y a la forme de l'attribut. Fondamentalement

<form id="myform" method="get" action="something.jsp">
    <input type="text" name="name" />
</form>
<input type="submit" form="myform" />

le code ci-dessus ne fonctionne pas dans IE.
Quelqu'un peut-il m'aider comment faire pour résoudre cette exigence.

J'ai utilisé la suite de javascript et de jQuery pour soumettre le formulaire, mais j'ai face à l'Ajax question.
d'où ma page de rechargement.

document.getElementById("myForm").submit();

$("#myForm").submit();

Comment puis-je soumettre mon formulaire de ma page ne se charge pas.
Je suis l'aide d'Anguler JS Ajax.

source d'informationauteur Premraj

  1. 25

    IE ne prend pas en charge HTML5 form attribut pour <input> ou <button> élément encore.

    Si vous souhaitez associer une entrée externe de l'élément avec le formulaire, vous pouvez dupliquer une "ombre" comme un invisible champ de saisie à l'intérieur de votre forme, et joindre un gestionnaire d'événement pour la forme du onsubmit événement. Lorsque l'utilisateur soumet le formulaire, mise à jour de la valeur à l'intérieur.

    La suite de polyfill (nécessite jQuery) émule la fonction. Il rend les éléments d'entrée avec form attribut agir comme ils sont à l'intérieur de la forme:

    (function($) {
/**
* polyfill for html5 form attr
*/
//detect if browser supports this
var sampleElement = $('[form]').get(0);
var isIE11 = !(window.ActiveXObject) && "ActiveXObject" in window;
if (sampleElement && window.HTMLFormElement && sampleElement.form instanceof HTMLFormElement && !isIE11) {
//browser supports it, no need to fix
return;
}
/**
* Append a field to a form
*
*/
$.fn.appendField = function(data) {
//for form only
if (!this.is('form')) return;
//wrap data
if (!$.isArray(data) && data.name && data.value) {
data = [data];
}
var $form = this;
//attach new params
$.each(data, function(i, item) {
$('<input/>')
.attr('type', 'hidden')
.attr('name', item.name)
.val(item.value).appendTo($form);
});
return $form;
};
/**
* Find all input fields with form attribute point to jQuery object
* 
*/
$('form[id]').submit(function(e) {
var $form = $(this);
//serialize data
var data = $('[form='+ $form.attr('id') + ']').serializeArray();
//append data to form
$form.appendField(data);
}).each(function() {
var form = this,
$form = $(form),
$fields = $('[form=' + $form.attr('id') + ']');
$fields.filter('button, input').filter('[type=reset],[type=submit]').click(function() {
var type = this.type.toLowerCase();
if (type === 'reset') {
//reset form
form.reset();
//for elements outside form
$fields.each(function() {
this.value = this.defaultValue;
this.checked = this.defaultChecked;
}).filter('select').each(function() {
$(this).find('option').each(function() {
this.selected = this.defaultSelected;
});
});
} else if (type.match(/^submit|image$/i)) {
$(form).appendField({name: this.name, value: this.value}).submit();
}
});
});
})(jQuery);

    Version Live: http://jsfiddle.net/hbxk4e61/

    Par le façon, vous pouvez vérifier cette page pour tester la façon dont de nombreuses fonctionnalités HTML5 de votre navigateur prend en charge actuellement. Par exemple, je suis en utilisant google Chrome 31 et il prend en charge cet attribut.

    Problème d'Internet Explorer avec l'attribut de formulaire HTML5 pour l'élément de bouton

  2. 5

    Bien, c'est à dire, fondamentalement, ne supporte pas la forme de l'attribut dans l'entrée, mais vous pouvez utiliser du javascript pour soumettre votre formulaire: 

    document.getElementById("myForm").submit();

    ou jQuery

    $("#myForm").submit();
  3. 1

    Aussi loin que je peux dire, Internet Explorer n'est pas (jusqu'à IE10, au moins) avec le soutien de la form attribut.

    Vous pouvez soit polyfill ceci en javascript, ou de déplacer la input de s'asseoir à l'intérieur de la formule. Cela a déjà été répondu ailleurs: https://stackoverflow.com/a/16694990/13019

  4. 1
    <form id="form-any-name">
<input type="button" value="Submit" class="myButton" />
</form>
<button type="submit">Submit</button>
<script type="text/javascript">
$(document).ready(function() {
$('button[type=\'submit\']').on('click', function() {
$("form[id*='form-']").submit();
});
});
</script>

    Depuis tous les projets a inclus jquery 100% 🙂 vous pouvez définir à l'extérieur ou tout inclus fichier js sur le document de la fonction, prête à attraper le bouton soumettre cliqué outsiie forme par la capture de toutes les formes de l'id de départ de la forme - il attraper les formes sur l'autre page avec des noms différents de sorte que vous n'avez pas à répéter le même code jquery snipet

  5. 0

    De @Voldemaras Birškys de réponse, je me suis amélioré son script fonctionne comme un polyfill de sorte que vous pouvez toujours avoir le form attribut pas de votre bouton et il va fonctionner que si EDGE/IE respect de la form attribut.

    <form id="form-any-name">
<input type="button" value="Submit" class="myButton" />
</form>
<button type="submit" form="form-any-name">Submit</button>
<script type="text/javascript">
$(document).ready(function() {
$('button[type=\'submit\']').click(function (e) {
var formId = $(e.target).attr("form");
$("form[id*="+formId+"]").submit();
});
});
</script>

    La principale différence est que nous incluons maintenant form sur l'extérieur submit bouton.
    Aussi, à l'intérieur de la click gestionnaire je viens d'utiliser l'événement pour obtenir le target élément et de l'id de découvrir la id de la forme de cibles.

    🙂