Comment faire, je valide une textarea sous une forme? I.E, il ne devrait pas être vide ou avoir de nouvelles lignes, et si oui, soulevez une alerte.
code: p>
6 Réponses :
Essayez ceci:
<textarea id="txt" name = "pt_text" rows = "8" cols = "8" class = "input" WRAP ></textarea> function val() { if (trimAll(document.getElementById('txt').value) === '') { alert('Empty !!'); } } function trimAll(sString) { while (sString.substring(0,1) == ' ') { sString = sString.substring(1, sString.length); } while (sString.substring(sString.length-1, sString.length) == ' ') { sString = sString.substring(0,sString.length-1); } return sString; }
<script> function val() { if(document.getElementById("textAread_id").value==null || document.getElementById("textAread_id").value=="") alert("blank text area") } </script> <form> <textarea id="textAread_id" name = "pt_text" rows = "8" cols = "8" class = "input" WRAP ></textarea> <input type=""button" onclick="val();" </form>
Donnez d'abord votre Textarea un identifiant unique vous permettant d'obtenir facilement une référence à celle-ci:
p>
alors vous pouvez tester s'il contient une nouvelle ligne ou qu'il est vide comme: P>
Soyez prudent avec valeur.indexof ('\ n')> 0) code>, l'index code> renvoie -1 si non trouvé b> et et 0 Si le premier caractère b> dans le texte est une nouvelle ligne.
<html> <head> <script type="text/javascript"> function val(value){ if(value.length == 0) alert("thsi is empty"); } </script> </head> <body> <textarea id="text"></textarea> <button onclick="val(text.innerHTML);">Check</button> </body> </html> This is to check if the textarea is empty
Le moyen le plus simple que je puisse penser:
function validate() { var val = document.getElementById('textarea').value; if (/^\s*$/g.test(val) || val.indexOf('\n') != -1) { alert('Wrong content!'); } }
Si vous ne voulez pas de nouvelles lignes, pourquoi n'utilisez-vous pas simplement un champ de texte?