jQuery - 提交表单联系人后的占位符值

时间:2017-06-12 15:17:09

标签: javascript jquery html ajax forms

我想使用jQuery改进表单联系。我想在点击后清除输入字段,并在提交按钮上显示占位符值。我在输入字段中有占位符,并希望将它们加载到变量中并在ajax post方法后显示它们。

<input type="text" name="name" placeholder="Name" data-error="Please write name">

和jQuery代码:

form.on("submit", function(e) {
        e.preventDefault();

        var hasErrors = false;

        $('div.error_message').remove(); // Remove any old errors when submitting the form

        fields.each(function(i, elem) {
            var field = $(elem),
                empty = $.trim(field.val()) === "",
                errors = field.data("error");

            if (empty) {
                hasErrors = true;
                field.after('<div class="error_message">' + errors + '</div>'); // add new error messages
                field.toggleClass("form_error", empty);
            }
        });

        if (!hasErrors) {
             var formData = $(this).serializeArray();
             $.post(form.attr("action"), formData, function(data) {
                 console.log(data, true);

            $(".przycisk").on("click", function() {
                var placeholder = $("input[placeholder]");
                console.log(placeholder);
                $("input, textarea").val(placeholder);

            });

        } else {

        }

        return false;
    });

1 个答案:

答案 0 :(得分:3)

你必须说输入你要使用的属性。 在jquery中是这样的: .attr('attributeName') 现在您可以选择任何属性(如占位符)

像这样更改你的代码:

 $("input, textarea").val(placeholder.attr('placeholder'));

在这里查看我的代码: https://codepen.io/miladfm/pen/ZyOEWX