簡體   English   中英

jQuery-提交表單聯系人后的占位符值

[英]jQuery - placeholder values after submiting form contact

我想使用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;
    });

您必須說出您要使用的輸入的wich屬性。 在jQuery中是這樣的: .attr('attributeName')現在您可以選擇任何屬性(如占位符)

像這樣更改代碼:

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

在這里看到我的代碼: https : //codepen.io/miladfm/pen/ZyOEWX

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM