Validierung von textarea

Wie bestätige ich eine textarea in einem Formular. ich.e, es sollte nicht leer sein, oder Sie haben keine neuen Zeilen, und wenn so eine Warnung ausgelöst wird.

Code:

   <script>
    function val()
    {
      //ifnewline found or blank raise an alert
    } 
   </script>
   <form>  
   <textarea name = "pt_text" rows = "8" cols = "8" class = "input" WRAP ></textarea>
   <input type=""button" onclick="val();"
    </form>
  • wenn Sie nicht möchten, dass keine neuen Zeilen, warum spielst du nicht einfach ein text-Feld?
InformationsquelleAutor Hulk | 2010-03-26
  1. 2

    Der einfachste Weg, woran ich denken konnte:

    function validate() {
    var val = document.getElementById('textarea').value;

    if (/^\s*$/g.test(val) || val.indexOf('\n') != -1) {
        alert('Wrong content!');
    }
}
    InformationsquelleAutor Esteban
  2. 2

    Versuchen Sie dies:

    <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;
}
    • Vielen Dank, es funktioniert.
    InformationsquelleAutor Sarfraz
  3. 0
    <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>
    InformationsquelleAutor raj
  4. 0

    Geben Sie zuerst Ihre textarea einen eindeutigen Bezeichner, so dass Sie leicht zu erhalten Referenz:

    Dann könnte man testen, ob es enthält eine neue Zeile oder Sie leer ist, etwa so:

    function val() {
    var el = document.getElementById('pt_text');
    if (el == null) {
        //no element with given id has been found
        return;
    }
    var value = el.value;
    if (value == null || value === '' || value.indexOf('\n') > 0) {
        alert('empty or contains a new line');
    }
}
    • Seien Sie vorsichtig mit value.indexOf('\n') > 0), die indexOf gibt -1 zurück wenn nicht gefunden und 0, wenn das erste Zeichen ist die im text eine neue Zeile.
    InformationsquelleAutor Darin Dimitrov
  5. 0
    <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>

    Dies ist zu überprüfen, wenn die textarea leer ist

    InformationsquelleAutor RubyDubee
  6. 0

    Hier ist eine einfache Möglichkeit für die Validierung:

    function validate() {
    var val = document.getElementById('textarea').value;
    if (/^\s*$/g.test(val)) {
        alert('Wrong content!');
    }
}

    Und demo.

    InformationsquelleAutor Minko Gechev
Schreibe einen Kommentar