2015-04-15 2 views
-1

У меня есть пара регистрационных страниц в моем проекте. Пример страницы для регистрации информации о студентах, информации о регистрации и т. Д.Проверить входное текстовое значение при загрузке страницы

На странице Я хочу установить кнопку для отключения при выполнении критериев. Это мой код

$(document).ready(function() { 

    if($('#student_id').val().length === 0){ 
     $('#student_update').prop("disabled", true); 
     $('#student_delete').prop("disabled", true); 
    }else{ 
     $('#student_add').prop("disabled", true); 
    } 
}); 

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

Идентификатор студента готов только в том смысле, что единственный способ вставить в него значение - это выбор данных из базы данных.

+1

вы получили ошибку? в чем проблема? – renakre

+1

вы неправильно использовали '.lenght', это должно быть' .length' –

+0

Ничего не происходит без ошибок и исправлено правописание, но кнопка активна или отключена. False – Pekka

ответ

1
if(!$('#student_id').val()) 

, как вам не нужно, чтобы проверить, если длина> 0 так как пустая строка принимает значение ложь в jquery.

для удобства чтения можно использовать:

if($('#student_id').val().length === 0) 

Вы можете использовать что-то вроде этого:

$(document).ready(function() { 
    disableButton(); 
    $('#student_id').keyup(function(){ 
    disableButton(); 
}); 
}); 

function disableButton(){ 
    if(!$('#student_id').val()){ 
     $('#student_update').prop("disabled", true); 
     $('#student_delete').prop("disabled", true); 
    $('#student_add').prop("disabled", false); 
    }else{ 
     $('#student_add').prop("disabled", true); 
    $('#student_update').prop("disabled", false); 
     $('#student_delete').prop("disabled", false); 
    } 
} 
+0

Эй вы можете мне помочь снова, я попытался запустить тот же код при сбросе формы, но он не работает – Pekka

+0

Код, включенный внутри $ (document) .ready() будет запускаться только после того, как страница Document Object Model (DOM) готова для JavaScript код для выполнения. Если вы хотите запускать его каждый раз, вам нужно будет использовать функцию jupery для keyup. –

+0

вход только для чтения, поскольку я упоминаю в вопросе, поэтому у меня возникла проблема с этим – Pekka

0

Попробуйте это:

if($('#student_id').val()=="") 

ИЛИ заклинание lenght правильно:

if($('#student_id').val().length==0) 
Смежные вопросы