jQuery Forum

On 14 Mag, 11:01, sashabe <sash...@rambler.ru>

Thank you! :)
It seems that submit method is not what this case requires because it does
the job when user interacts with submit button (correct me please if I'm
wrong). The button should be disabled if both field and textarea (now they
are id's ;) do not contain any text, to prevent blank records. And the only
event that might check contents of textareas and inputs seems to be keyup...
I've used your script to write this:
JQuery:
$('#post_submit').attr('disabled', 'disabled');
$('#post_form').keyup( function () {
if ($('#post_name', '#post_form').val() == '' && $('#post_content',
'#post_form').text() == '') $('#post_submit').attr('disabled', 'disabled');
else ($('#post_submit', '#post_form').removeAttr('disabled'));
});
HTML:
<form action="admin_content.php" method="post" id="post_form">
        <input type="text" name="name" size="50" maxlength="100" id="post_name">
        <textarea name="content" cols="70" rows="20"
id="post_content"><?=$row["content"];?></textarea>
    <input type="Submit" value="Отправить" id="post_submit">
</form>
Now textarea does work (text() did the trick) - that is, submit button is
not activated when text is entered only there. But still, if you enter text
only in the text field (#post_name), it IS activated. And i want let the
user press it only when both fields are populated with at least one symbol
of text.
Please help)
Andrea Varnier wrote:
>
>
> On 14 Mag, 11:01, sashabe <sash...@rambler.ru>

> $('#post_submit').attr('disabled', 'disabled');
> $('#post_form').keyup( function () {
> if ($('#post_name', '#post_form').val() == '' && $('#post_content',
> '#post_form').text() == '') $('#post_submit').attr('disabled', 'disabled');
> else ($('#post_submit', '#post_form').removeAttr('disabled'));
> });
I think this would work. The "disabled" attribute can be set to a true/
false value in script. Since keyup can be an expensive thing, I just
attached handlers to the two fields you needed to monitor rather than
the whole form; you could attach it to the form if you prefer. Rather
than set the initial value, I just triggered the handler to do its
thing on the initial form values. I wasn't sure why you used .text()
instead of .val() for the textarea, is there some kind of bug
in .val() for textarea? Also, remember that any post content (even a
bunch of spaces) will pass this test. You might want to do a bit more
validation on the input if it's important to the page.
$('#post_name, #post_content').keyup( function () {
$('#post_submit').attr('disabled', !$('#post_name').val() || !$
('#post_content').val() );
}).trigger("keyup");

Thanks!!! That's exactly what I wanted =)
Don't know if it's a bug, but with val entering some text in textarea with
blank name field activated the button. With text() it stopped to do so. And,
as I've read from some of the messages, text() could be more effective when
dealing with textarea content.
dave.methvin