développement back-end
PHP7
Vérification JS pour le développement de forums de discussion PHP7
Vérification JS pour le développement de forums de discussion PHP7
Tutoriel PHP7La colonne présente la vérification JS utilisée dans le développement de forums de messages
Recommandé ( Gratuit) : Tutoriel PHP7
Les mots-clés JS de cette section sont : function, onsubmit, onclick, document.getElementsByTagName (ceux-ci sont utilisés dans le développement front-end sont couramment utilisés, ils doivent donc être maîtrisés)
Ajoutez des événements de formulaire de vérification JS basés sur la page de l'étape 1 pour améliorer l'expérience utilisateur et garantir que les données soumises par l'utilisateur sont reçues par le backend est programmé.
Ne vous précipitez pas pour taper le code lorsque vous obtenez les exigences. Confirmez d'abord les points de connaissances que vous devez utiliser, clarifiez vos idées et ayez probablement un plan en tête. Surtout à l'ère actuelle des nouvelles technologies. et de nouvelles astuces chaque jour. De plus, nous devons garder notre pensée claire à tout moment. Qu'il s'agisse de js natif, de jquery ou d'autres frameworks front-end, tout reste le même. Ce n'est qu'avec une base js solide que nous pouvons réussir dans le monde. .
Il existe de nombreuses façons d'implémenter la vérification JS native du formulaire de forum ci-dessous. L'une des méthodes les plus couramment utilisées est utilisée ici. Pouvez-vous trouver d'autres méthodes ? Vous pouvez la partager dans la zone de commentaires. , je veux juste partager ! ~
Méthode :
-
1. Déterminez la manière de déclencher l'événement de clic de souris, tel que
onclick,onsubmit,xxx.click(function(){}), etc. de nombreuses méthodes de vérification sont nécessaires. Vous découvrirez petit à petit dans le futur que le monde magique de JS vous attend);J'ai ajouté l'événement
onclickau bouton de soumission du forum, afin de déclencher lecheckformfonction pour activer la vérification du formulaire ; puis a donné la balise form L'attributonsubmit="return false;"est ajouté pour empêcher l'événement de soumission par défaut de la table du formulaire (empêchant le bouillonnement de l'événement, regardez le code spécifiquement et essayez-le en pratique~a. Exemples d'extraits de code - 2. Définissez les fonctions JS a. éléments avec
functionc. Empêcher les bulles (empêcher la soumission du formulaire, soumettre uniquement si la vérification est réussie) Utilisezdocument.getElementsByTagName('input')d Utilisez
pour que le script déclenche la soumission du formulaire. nom du formulaire.return false;document.feedback_form.submit();feedback_form3. Lier dans la balise submit L'événement de clic de souris déclenche la fonction JS que nous avons définie, comme l'ajout de - a au formulaire. attribut de balise de soumission du formulaire, exemple d'extrait de code
onclick="函数名"
code complet :<input type="submit" onclick="checkform()" value="提交您的留言" class="sub" />
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>留言板_科科分享</title>
<!-- 2.新建css样式文件并根据效果图编写css代码 -->
<link rel="stylesheet" href="feedback.css">
<!-- 3.js表单验证 -->
<script type="text/javascript">
function checkform(){
var nickname = document.getElementsByTagName('input')[0].value; // 获取用户输入的姓名
var tel = document.getElementsByTagName('input')[1].value; // 获取用户输入的联系方式
var content = document.getElementsByTagName('textarea')[0].value; // 获取用户输入的留言内容
// 如果没有输入姓名 则提示
if(nickname == ''){
alert('请输入您的姓名');
document.getElementsByTagName('input')[0].focus(); // 将光标定位到姓名输入框
return false; // 阻止冒泡 输入姓名后才能通过
}
// 如果没有输入联系方式 则提示
if(tel == ''){
alert('请输入您的联系方式');
document.getElementsByTagName('input')[1].focus(); // 将光标定位到联系方式输入框
return false; // 阻止冒泡 输入联系方式才能通过
}
// 如果没有输入留言内容 则提示
if(content == ''){
alert('请输入您的联系方式');
document.getElementsByTagName('textarea')[0].focus(); // 将光标定位到留言内容输入框
return false; // 阻止冒泡 输入留言内容才能通过
}
document.feedback_form.submit(); // 提交用户数据到后端action中的地址
}
</script>
</head>
<body>
<!-- 工作区，呈现给用户看的 -->
<!-- 1.开始搭建脚手架 -->
<p class="container_box">
<p class="up">
<h3 class="title">留言板</h3>
<h5 class="subtitle">FEEDBACK</h5>
</p>
<p class="down">
<form name="feedback_form" action="/#" method="post" onsubmit="return false;">
<p class="input">
<input type="text" class="fl" name="name" placeholder="输入您的姓名" />
<input type="text" class="fr" name="tel" placeholder="输入您的联系方式" />
</p>
<textarea class="content" cols="30" rows="10" name="nr"></textarea>
<input type="submit" onclick="checkform()" value="提交您的留言" class="sub" />
</form>
</p>
</p>
</body>
</html>D'accord, notre forum de discussion pour la vérification JS native est ici. Si vous avez d'autres méthodes de vérification ou si vous avez des questions, n'hésitez pas à gribouiller dans la zone de commentaires ! ~
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment installer l'extension mongo dans php7.0
Nov 21, 2022 am 10:25 AM
Comment installer l'extension mongo dans php7.0 : 1. Créez le groupe d'utilisateurs et l'utilisateur mongodb ; 2. Téléchargez le package de code source mongodb et placez le package de code source dans le répertoire "/usr/local/src/" ; Entrez le répertoire « src/ » ; 4. Décompressez le package de code source ; 5. Créez le répertoire de fichiers mongodb ; 6. Copiez les fichiers dans le répertoire « mongodb/ » 7. Créez le fichier de configuration mongodb et modifiez la configuration.
Comment résoudre le problème lorsque php7 détecte que le port TCP ne fonctionne pas
Mar 22, 2023 am 09:30 AM
En php5, nous pouvons utiliser la fonction fsockopen() pour détecter le port TCP. Cette fonction peut être utilisée pour ouvrir une connexion réseau et effectuer certaines communications réseau. Mais en php7, la fonction fsockopen() peut rencontrer certains problèmes, comme ne pas pouvoir ouvrir le port, ne pas pouvoir se connecter au serveur, etc. Afin de résoudre ce problème, nous pouvons utiliser la fonction socket_create() et la fonction socket_connect() pour détecter le port TCP.
Que dois-je faire si le plug-in est installé dans php7.0 mais qu'il indique toujours qu'il n'est pas installé ?
Apr 02, 2024 pm 07:39 PM
Pour résoudre le problème du plugin n'affichant pas installé dans PHP 7.0 : Vérifiez la configuration du plugin et activez le plugin. Redémarrez PHP pour appliquer les modifications de configuration. Vérifiez les autorisations du fichier du plugin pour vous assurer qu'elles sont correctes. Installez les dépendances manquantes pour garantir le bon fonctionnement du plugin. Si toutes les autres étapes échouent, reconstruisez PHP. D'autres causes possibles incluent des versions de plugin incompatibles, le chargement d'une mauvaise version ou des problèmes de configuration PHP.
Guide FAQ de l'environnement serveur PHP : résoudre rapidement les problèmes courants
Apr 09, 2024 pm 01:33 PM
Les solutions courantes pour les environnements de serveur PHP consistent à s'assurer que la version correcte de PHP est installée et que les fichiers pertinents ont été copiés dans le répertoire du module. Désactivez SELinux temporairement ou définitivement. Vérifiez et configurez PHP.ini pour vous assurer que les extensions nécessaires ont été ajoutées et configurées correctement. Démarrez ou redémarrez le service PHP-FPM. Vérifiez les paramètres DNS pour les problèmes de résolution.
Comment installer et déployer php7.0
Nov 30, 2022 am 09:56 AM
Comment installer et déployer php7.0 : 1. Accédez au site officiel de PHP pour télécharger la version d'installation correspondant au système local ; 2. Extrayez le fichier zip téléchargé dans le répertoire spécifié 3. Ouvrez la fenêtre de ligne de commande et accédez à ; le répertoire "E:\php7" Exécutez simplement la commande "php -v".
Comment définir automatiquement les autorisations d'UnixSocket après le redémarrage du système?
Mar 31, 2025 pm 11:54 PM
Comment définir automatiquement les autorisations d'UnixSocket après le redémarrage du système. Chaque fois que le système redémarre, nous devons exécuter la commande suivante pour modifier les autorisations d'UnixSocket: sudo ...
Pourquoi une erreur se produit-elle lors de l'installation d'une extension à l'aide de PECL dans un environnement Docker? Comment le résoudre?
Apr 01, 2025 pm 03:06 PM
Causes et solutions pour les erreurs Lors de l'utilisation de PECL pour installer des extensions dans un environnement Docker Lorsque nous utilisons un environnement Docker, nous rencontrons souvent des maux de tête ...
Lequel est le meilleur, php8 ou php7 ?
Nov 16, 2023 pm 03:09 PM
Par rapport à PHP7, PHP8 présente certains avantages et améliorations en termes de performances, de nouvelles fonctionnalités et améliorations de la syntaxe, du système de types, de la gestion des erreurs et des extensions. Cependant, le choix de la version à utiliser dépend de vos besoins spécifiques et des circonstances du projet. Introduction détaillée : 1. Amélioration des performances, PHP8 introduit le compilateur Just-in-Time (JIT), qui peut améliorer la vitesse d'exécution du code ; 2. Nouvelles fonctionnalités et améliorations de la syntaxe, PHP8 prend en charge la déclaration des paramètres nommés et des paramètres facultatifs, création de fonctions L'appel est plus flexible ; des classes anonymes, des déclarations de propriétés de type, etc. sont introduites.
