Помогите с disabled

legent1 · 04.05.2010, 18:02

Здравствуйте, есть простенький калькулятор на JavaScripte. Не могу никак настроить его, чтобы кнопка(+) срабатывала только после ввода чисел в текстовые поля. Помогите пожалуйста

Цитата:

radius · 04.05.2010, 18:13

выложите полностью код

legent1 · 04.05.2010, 20:51

Полный код вот

Цитата:

<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>

Ola123 · 14.05.2010, 15:46

Так как я использую часто 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>

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

04.05.2010, 18:13	#2
radius	выложите полностью код

14.05.2010, 15:46	#4
Ola123	Так как я использую часто 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.valuetext2.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>

04.05.2010, 18:02
Ссылки