[英]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.