正在尝试预览表单输入jQuery

Attempting to preview form input jQuery

本文关键字：表单 输入 jQuery      更新时间：2023-09-26

我正在尝试预览表单中的name和step元素，这样用户就可以看到他们是否犯了错误。我可以预览该步骤，但是名称不起作用。有人知道为什么吗？

http://jsfiddle.net/pocockn/rw54b/

$(document).ready(function() {
    var commentNode = $('#lp-step'),
        nameNode = $('#lp-name'),
        name = $('#name');

    $('#live-preview-form input, #live-preview-form textarea').bind('blur keyup',function() {

        commentNode.text($('#step_1').val());
        commentNode.html($('#lp-step').html().replace(/'n/g,'<br />'));
    if($('#name').val()) {
        nameNode.text(name.val() + ' says:');
    }
    else {
        return false;
    }

    });
});

不能有两个具有相同ID的元素，如果这样做，它将只选择它找到的第一个元素。（在本例中，div始终为空，并且从不运行if语句）。您有您的div、id=name和input。所以我把你的div id改成了nameDiv。

Id's should be unique to avoid confusion.

<div id="nameDiv">
    <label for="name">Enter recipe name:</label>
    <input type="text" id="name" name="name">
    <br />
</div>

http://jsfiddle.net/trevordowdle/rw54b/1/

相关文章：