[英]jQuery - placeholder values after submiting form contact
I want to improve my form contact using jQuery. 我想使用jQuery改善表单联系方式。 I want to clear input fields after clicking and show placeholders values on submit button.
我想在单击后清除输入字段,并在“提交”按钮上显示占位符值。 I have placeholders in my input fields and want to load them into variable and show them after ajax post method.
我在输入字段中有占位符,想要将它们加载到变量中并在ajax post方法之后显示它们。
<input type="text" name="name" placeholder="Name" data-error="Please write name">
and jQuery code: 和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;
});
you have to say wich attribute from input do you want to use. 您必须说出您要使用的输入的wich属性。 in jquery is so: .attr('attributeName') now you can select your any attribute (like placeholder)
在jQuery中是这样的: .attr('attributeName')现在您可以选择任何属性(如占位符)
change your code like this: 像这样更改代码:
$("input, textarea").val(placeholder.attr('placeholder'));
see my code here : https://codepen.io/miladfm/pen/ZyOEWX 在这里看到我的代码: https : //codepen.io/miladfm/pen/ZyOEWX
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.