2014-11-17 4 views
0

У меня есть текстовое поле и два переключателя да и нет. Когда я нажимаю «да», текстовое поле становится включенным, и когда я нажимаю, текстовое поле становится отключенным. Теперь мой вопрос, когда я нажимаю «да», текстовое поле должно проверяться, как, пожалуйста, введите сумму. Если я нажму «нет», он не должен запрашивать подтверждение, как я могу это достичь? как проверить, включено ли текстовое поле или нет? и на основе этой работы javascript.Как отключить текстовое поле в javascript

+2

Вы можете вставить HTML/JS в вашем сообщении, пожалуйста? –

ответ

1

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

function disableTextbox(){ 
 
    if(document.myform.disableMe.value=="yes"){ 
 
     document.getElementById('amount').disabled=true; 
 
     alert("Dont validate"); 
 
    }else if(document.myform.disableMe.value=="no"){ 
 
     document.getElementById('amount').disabled=false; 
 
     
 
     alert("Validate"); 
 
    } 
 
} 
 

 
function validate(){ 
 
    var amt=document.getElementById('amount'); 
 
    if(!amt.disabled && amt.value==""){ 
 
      alert("Please enter some value"); 
 
      return false; 
 
    }else{ 
 
     
 
      alert("Success"); 
 
      
 
    } 
 
     
 
}
<form name="myform" action="#"> 
 
<input type="text" id="amount"> 
 
    <input type="radio" name="disableMe" onchange="disableTextbox()" value="yes"> 
 
    <input type="radio" name="disableMe" onchange="disableTextbox();" value="no"> 
 
    
 
    
 
    <button onclick="validate();">Validate</button> 
 
    </form>

+0

Большое вам спасибо. Именно то, что мне было нужно, и специально кнопка одна –

1

Try This

var elm=document.getElementById("yourInputFieldId"); 
if (elm.disabled==false) { 
    //add your required filed validation code here.. 
} 
0
<html> 
<head> 
<script type="text/javascript"> 
function validate(){ 
    var inp=document.getElementById('amount'); 
    inp.disabled=false; 
    if (inp.value.length==0) 
    alert("Please enter the amount!"); 
} 
function disable_inp(){ 
    var inp=document.getElementById('amount'); 
    inp.disabled=true; 
} 
</script> 
</head> 
<body> 
<div> 
<form> 
    <input type='radio' name='a' onchange='validate();' value='yes' /> 
    <input type='radio' name='a' onchange='disable_inp();'value='no' /> 
    <input type='text' name='amount' id='amount' /> 
</form> 
</div></body> 
</html> 
Смежные вопросы