JQuery Textarea проверки - PullRequest
       7

JQuery Textarea проверки

1 голос
/ 05 апреля 2010

Как проверить наличие нулевых, пробелов и новых строк при проверке текстовой области с помощью jquery. Если текстовое поле пусто и содержит только новые строки или пробелы, должно появиться предупреждение

Ответы [ 3 ]

5 голосов
/ 05 апреля 2010
if($.trim($('#myTextArea').val()) == '') {
    //error
}
0 голосов
/ 24 января 2014

Спасибо, Кит Руссо! это сработало. более того, если у вас есть одно текстовое поле и одна текстовая область, код jquery будет ниже:

    $(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.');
            });
            });
        }); 
0 голосов
/ 28 июля 2011

Предполагая, что HTML выглядит как

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

Сначала создайте метод проверки jquery.

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.");

Теперь просто сказать валидатору формы использовать этот метод.

$('#someForm').validate({
    rules: {
        textInput: {
            checkForWhiteSpaceErrors: true
        }
    }
});
...