Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите с disabled

Обсуждение темы Помогите с disabled в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте, есть простенький калькулятор на JavaScripte. Не могу никак настроить его, чтобы кнопка(+) срабатывала только после ввода чисел в текстовые поля. Помогите пожалуйста ...


Закрытая тема
 
Опции темы
Старый 04.05.2010, 18:02   #1
Здравствуйте, есть простенький калькулятор на JavaScripte. Не могу никак настроить его, чтобы кнопка(+) срабатывала только после ввода чисел в текстовые поля. Помогите пожалуйста
Цитата:
<script language="JavaScript">
function plus()
{
rezultat.value=text1.value-(-1)*text2.value;
}
<input id="text1" size="20" value="введите первое число">

<input type="button" value=" + " onclick="plus()">
<input id="text2" size="20" value="введите второе число">
<input id="rezultat" value="тут Ваш результат" size="20">
 
Старый 04.05.2010, 18:02
Ссылки
Старый 04.05.2010, 18:13   #2
выложите полностью код
 
Старый 04.05.2010, 20:51   #3
Полный код вот
Цитата:
<HTML>
<HEAD><TITLE>Калькулятор</TITLE></HEAD>
<script language="JavaScript">
function plus()
{
rezultat.value=text1.value-(-1)*text2.value;
}

function minus()
{
rezultat.value=text1.value-text2.value;
}

function umn()
{
rezultat.value=text1.value*text2.value;
}

function del()
{
rezultat.value=text1.value/text2.value;
}

</script>
<table border="2">
<tr>
<td>
<input id="text1" size="20" value="введите первое число">
</td>
<td rowspan="20" valign="top">
<input type="button" value=" + " onclick="plus()" >
<input type="button" value=" - " onclick="minus()">
<input type="button" value=" * " onclick="umn()">
<input type="button" value=" / " onclick="del()"></td>
</tr>
<tr>
<td><input id="text2" size="20" value="введите второе число"></td>
</tr>
<tr>
<td><input id="rezultat" value="тут Ваш результат" size="20"></td>
</tr>
</table>
</BODY>
</HTML>
 
Старый 14.05.2010, 15:46   #4
Так как я использую часто jQuery, то реализую на нем:
В качестве регулярного выражения (/[0-9]/) можно указать еще, чтобы нельзя было вводить символы букв и ничего кроме цифр

<HTML>
<HEAD><TITLE>Калькулятор</TITLE></HEAD>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />

<table border="2">
<tr>
<td>
<input id="text1" size="20" value="введите первое число">
</td>
<td rowspan="20" valign="top">
<input type="button" value=" + " onclick="plus()" id="plus_button" disabled>
<input type="button" value=" - " onclick="minus()">
<input type="button" value=" * " onclick="umn()">
<input type="button" value=" / " onclick="del()"></td>
</tr>
<tr>
<td><input id="text2" size="20" value="введите второе число"></td>
</tr>
<tr>
<td><input id="rezultat" value="тут Ваш результат" size="20"></td>
</tr>
</table>

<script src="jquery.js" type="text/javascript"></script>

<script language="JavaScript">
function plus()
{
rezultat.value=text1.value-(-1)*text2.value;
}

function minus()
{
rezultat.value=text1.value-text2.value;
}

function umn()
{
rezultat.value=text1.value*text2.value;
}

function del()
{
rezultat.value=text1.value/text2.value;
}

jQuery(document).ready(function()
{
var flag1;
var flag2;
jQuery('#text1,#text2').keyup( function() {
var reg=/[0-9]/;
var result1=reg.test(jQuery('#text1').attr('value'));
var result2=reg.test(jQuery('#text2').attr('value'));
if(result1) flag1 = true;
if(result2) flag2 = true;
if(flag1 && flag2)
jQuery('#plus_button').removeAttr('disabled');
} );

});

</script>
</BODY>
</HTML>
 
Старый 14.05.2010, 15:46
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кнопка Back + disabled в Internet Explorer и в Mozilla Flukky HTML, CSS, JavaScript 10 20.06.2008 16:33


Текущее время: 13:09. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум