Member Avatar for Farhad.idrees

HI i have many forms in my application..
when some one see any form so i want to show form as "Only readable form" means i want to use disable form..
when someone click edit button so my form should enable for editing..
how to do it? can anyone help me?
Regards..
Farhad

  • 5 Contributors
  • 4 Replies
  • 143 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by code739
Member Avatar for JorgeM

On a form, you will have many HTML input elements. These elements can have an attributed called 'disabled'. If you enable/disable this attribute via JavaScript or easier with the jQuery library, you can control that behavior.

For example, the following code produces a disabled input button of type 'submit'.

<input type="button" value="Submit" disabled/>

Using jQuery, you can remove this attribute as follows: $("input").removeAttr("disabled")

Edited by JorgeM
Member Avatar for AARTI SHRIVAS 
<input  type="text" name="name" id="name"  onkeyup="document.getElementById('box_submit').disabled = this.value=='' ? true : false;"/>
    <input id="box_submit" type="button" value="Continue" name="check" disabled=""/>

try this button is enable only when some-one input somthing in text box

Member Avatar for Bachu

Try this

<!DOCTYPE HTML>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

</head>
<body>
<form id="formElem">
<label for="txtName">Name</label>
<input type="text" name="txtName" />
<label for="txtAddress">Address</label>
<textarea name="txtAddress"></textarea>
</form>
<a href="#NOD" class="disableForm" >Disable Form</a>
<a href="#NOD" class="enableForm" >Enable Form</a>

<script type="text/javascript">
$(function(){
    $('.disableForm').click(function(){
        $('input, textarea').attr('disabled', true);
    });
    $('.enableForm').click(function(){
        $('input, textarea').attr('disabled', false);
    });
});
</script>

</body>
</html>
Member Avatar for code739

if youre using jquery

function set_status(){
    $('formname input').each(function() {
        if(this.disabled==true){
            this.disabled=false;
        }else{
            this.disabled=true;
        }
});
}

or native javascript

function set_status(){
        var len = document.former.elements.length;  //please be noted that former is the name of your form
        for(var x=0;x<len;x++){
            if(document.former.elements[x].disabled==true){
                document.former.elements[x].disabled=false;
            }else{
                document.former.elements[x].disabled=true;
            }
        }
    }
Edited by code739
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.