我想使用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;
});
答案 0 :(得分:3)
你必须说输入你要使用的属性。 在jquery中是这样的: .attr('attributeName') 现在您可以选择任何属性(如占位符)
像这样更改你的代码:
$("input, textarea").val(placeholder.attr('placeholder'));
在这里查看我的代码: https://codepen.io/miladfm/pen/ZyOEWX