Jquery when input field is empty set both input fields to disable false

Question

When something is typed in the url field and it is cleared again. Both input fields should be set to disable false.

The code is live here: http://jsfiddle.net/buyC9/117/

My HTML:

<h1>Upload image:</h1>
<input type="file" name="blog[opload]" id="blog_opload" class="imagec">
<input type="url" size="50" name="blog[url]" id="blog_url" class="imagec">
<div id="preview">
</div>

My JQUERY:

$('input').change(function() {
    $('.imagec').prop('disabled', true);
    $(this).prop('disabled', false);
    alert( $(this).text() );
    if ( $(this).attr('type') == 'url') {
        $('#preview').show().html('<img src=' + '"' + $(this).val() + '"' + ' />');
    }
});

 if( !$('.imagec').trim(this.value).length ) {
          alert('TOM');
 }

Richard A · Accepted Answer · 2012-01-31 22:30:35Z

2

Try This :

$('input').change(function() {
    var el = $(this);
    if(this.value === ""){
        $('.imagec').prop('disabled', false);
        this.disabled = false;
        $('#preview').hide();
    }else{
        $('.imagec').prop('disabled', true);
        el.prop('disabled', false);
        alert( el.val() );
        if (el.attr('type') == 'url') {
            $('#preview').show().html('<img src=' + '"' + el.val() + '"' + ' />');
        }   
    }
});

EDIT :

See Feedle : http://jsfiddle.net

edited Jan 31, 2012 at 22:30

answered Jan 31, 2012 at 22:17

Richard A

2,10015 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rails beginner Over a year ago

Try to type something in the url field. And then clear it. The upload field is still disabled

Mark Schultheiss · Accepted Answer · 2012-01-31 22:21:01Z

0

$('input.imagec').change(function() {
    $('.imagec').prop('disabled', true);
    var iAm = $(this);
    iAm.removeProp('disabled');
    if (iAm.val() == "") {
        $('.imagec').removeProp('disabled');
    }
    alert($(this).val());
    if ($(this).attr('type') == 'url') {
        $('#preview').show().html('<img src=' + '"' + $(this).val() + '"' + ' />');
    }
});

answered Jan 31, 2012 at 22:21

Mark Schultheiss

34.3k13 gold badges75 silver badges117 bronze badges

Collectives™ on Stack Overflow

Jquery when input field is empty set both input fields to disable false

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related