2013-04-15 2 views
-1

Как проверить наличие пустого ввода текста? Обязательное сообщение покажет, когда введенное текстовое поле пуст.jQuery: Подтвердить ввод пустого текста

<script> 
function LoadData(data){ 
    var tempdata = data; 
    var i=0; 
    while (i<tempdata.activity.length) { 
     var index = Math.floor(Math.random() * tempdata.activity.length); 
     qHint[i] = tempdata.activity[i].hint; 
     i++; 
    } 
} 

function hint(data, i){ 
    $('#mypanel' + (i + 1)).append("<label for=text" + (i + 1) + " id=panel"+ (i + 1)+ " style='margin-top:10%;text-align:center;color:white;'><span id=panelTitle"+ (i + 1) +" >"+ data + "</span></label>");// panel item 
    $('#panel' + (i + 1)).append('<input type="text" name="name" id=text'+ (i + 1) + ' style="text-align: center">'); 
    $('#mypanel' + (i + 1)).append('<a href="#header" data-role="button" name="submit" id=submit'+ (i + 1)+ ' onClick="submitFunc(' +(i+1)+ ')" data-inline="true" data-rel="close" data-icon="check" style="margin-left:75px;">Submit</a>'); 
    $('#mypanel' + (i + 1)).append('<a href=#mypanel'+ (i + 1)+ ' data-role="button" id=cancel'+ (i + 1)+ ' data-inline="true" data-rel="close" data-icon="delete2" style="margin-left:75px;">Cancel</a>'); 
} 

function submitFunc(num){ 
    $("#text"+num).attr("disabled", true); 
    $("#text"+num).attr("readonly", true); 
} 
</script> 
+0

посмотреть здесь http://docs.jquery.com/Plugins/Validation/Methods/required – PSR

+0

я прочитал некоторые внешние об источнике, но большинство в примере тип ввода находится вне сценария. –

+0

я не undetstans.pls может у объяснить – PSR

ответ

1

Вы должны изучить, используя jQuery methodval(), который возвращает значение, среди прочего, ввода текстового поля типа.

Если вы используете его в вашем методе submitFunc():

function submitFunc(num){ 
    if($('#text' + num).val() != ''){ 
     $("#text"+num).attr("disabled", true); 
     $("#text"+num).attr("readonly", true); 
    } 
} 
+0

Спасибо, Майкл Райт, за решение. Это полезно :) –

0

Для этой цели вы можете использовать jquery.validate.js. Вам просто нужно добавить требуемый класс в поле ввода.
Например:

<input type="text" id="Field1" class="required" /> 

Тогда на document.ready, просто вызывая функцию $("#FormName").validate бы подтвердить, что форма и ее поля для вас.
Следует учитывать, что поля ввода, подлежащие проверке, должны быть частью формы.

+0

Спасибо за решение. –

Смежные вопросы