开发者

jQuery - Iframe validation - cannot get values

See demo here.

The editor is under development. Now we check if it has an value - this works well with all form fields that have the class .required... but it does not work with the iframe.

the iframe has a div with id #content.

$('form .meet').focus(function() {
    $('iframe').each(function() {
    ** if($(this).contents().find('#content').val() == '') { **
        $(this).addClass('warning');
    }开发者_C百科
    })
});

That means it should add the class .warning if the iframe is empty. But it always does, so what am i doing wrong?

Does it not work, because the JS does not see the text i currently typed in? ^^

Regards Henry


You're not doing anything wrong, per se, but #content is the <body> tag of your iframe, and I'm not sure what happens when you call .val() on the <body> element. Try substituting .val() with .text() and you should get the results you want.

$('iframe').each(function() {
    if($(this).contents().find('#content').text() == '') {
        $(this).addClass('warning');
    }
});

I verified that this works using Firebug, but let me know if it works on the actual page.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜