Maison  >  Article  >  interface Web  >  js solution au problème désactivé dans les compétences de soumission_javascript de formulaire Web

js solution au problème désactivé dans les compétences de soumission_javascript de formulaire Web

WBOY
WBOYoriginal
2016-05-16 16:20:321692parcourir

L'exemple de cet article décrit la solution js au problème désactivé lors de la soumission d'un formulaire Web. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Par exemple, il existe le formulaire suivant

Copier le code Le code est le suivant :




Lorsque nous soumettons le formulaire, les données pname ne peuvent pas être obtenues en arrière-plan car l'attribut de la zone de saisie est désactivé. La valeur peut être enregistrée et l'utilisateur ne peut pas saisir cette fonction. Il existe les solutions suivantes : .

1. Remplacez l'attribut désactivé="disabled" par readonly="readonly". Sa fonction est fondamentalement la même. Il peut également prendre en charge les événements onfocus. (Recommandé)

Copier le code Le code est le suivant :

2. Utilisez js pour modifier l'attribut désactivé lors de la soumission du formulaire
Copier le code Le code est le suivant :


3. Récupérez la valeur de pname en utilisant js, transmettez-la sous forme de paramètre et modifiez la valeur d'action du formulaire. Bien entendu, cela nécessite de modifier le code d'arrière-plan pour obtenir le paramètre (getParameter
) ;
Copier le code Le code est le suivant :

Une petite suggestion : lorsque nous écrivons des langages de script, nous aimons généralement écrire en jQuery car il est très concis. JQuery encapsule le javascript. Lorsque vous obtenez la valeur équivalente du HTML, utilisez la correspondance d'expressions régulières pour l'obtenir,
. Par conséquent, l'efficacité sera inévitablement affectée, il est donc recommandé d'utiliser généralement JavaScript lorsqu'il existe un grand nombre de scripts.

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn