jquery textarea validation

Wie auf null prüfen,Leerzeichen und neue Zeilen, während der Validierung für ein textarea mit jquery.
Wenn die textarea leer ist und nur neue Zeilen oder Leerzeichen sollte eine Warnung ausgelöst wird,

InformationsquelleAutor Hulk | 2010-04-05

  1. 5
    if($.trim($('#myTextArea').val()) == '') {
    //error
}
    siehe api.jquery.com/jQuery.trim
    Neue Zeile die Validierung nicht gut halten mit diesem code.Ich hatte versucht, dies vor
    Aus den API-Docs: Die $.trim () - Funktion entfernt alle Zeilenumbrüche, Leerzeichen (einschließlich non-breaking spaces), Tabulatoren vom Anfang und Ende des mitgelieferten string
    Seltsam...............
    <textarea> unterscheidet sich von <input type= "text" > .

    InformationsquelleAutor Keith Rousseau

  2. 0

    Vorausgesetzt, html-Code, der aussieht wie

    <form id='someForm'>
    <input type="text" id='textInput' name='textInput'/>
</form>

    Zuerst erstellen Sie ein jquery-validation-Methode.

    jQuery.validator.addMethod("checkForWhiteSpaceErrors", function(value, element, param){
    var elem = $(element);
    var val = element.val();
    //Now you have a choice.  Either use trim, or if you believe that 
    // that is not working, use a regex.
    if(val && $.trim(val) == '') {
        return false;
    }
    //or 
    if(val && val.match(/^\s+|\s+$/g)) {
       return false;
    }
    return true;
}, "Newlines and White Spaces are not allowed.");

    Nun eine einfache Sache zu sagen, die form-validator verwenden Sie diese Methode.

    $('#someForm').validate({
    rules: {
        textInput: {
            checkForWhiteSpaceErrors: true
        }
    }
});
    <textarea> unterscheidet sich von <input type= "text" >

    InformationsquelleAutor DRaehal

  3. 0

    Dank 'Keith Rousseau'! es arbeitete.
    darüber hinaus, wenn Sie ein Textfeld und eine textarea als unten jquery-code wird gut:

        $(document).ready(function () {
        $('#message_submit').click(function (e) { //submit button ID
            var isValid = true;
            $('input[type="text"]').each(function () {  //textbox type
                if ($.trim($(this).val()) == '' || $.trim($('#body').val()) == '') { //#body is textarea ID
                    alert('Text box can't left empty');
                    return false;
                }
                else
                    alert('Thanks for your valuable input!\nWe will get back to you soon.');
            });
            });
        });
    Dies fügt eine Menge von fremden code, der nicht beziehen sich auf die ursprüngliche Frage (oder wesentlich hinzufügen, um Ihre Antwort erwähnt). Es wird auch nicht ausgeführt.

    InformationsquelleAutor sandeep

Schreibe einen Kommentar