An die Javascript Freaks/Profis.
Ich komme gerade nicht weiter hoffe einer kann mir helfen
Ich wolllte eine Mail Funktion erstellen.
Doch wenn ich auf den Button klicke , werden die Felder nur Rot egal ob ich was eingetragen
habe oder nicht.
Hier erstmal der HTML
Code
<input type="text" name="name" placeholder="Name"/>
<input type="text" name="email" placeholder="E-Mail"/>
<textarea name="message" rows="4" cols="4" placeholder="Nachricht"></textarea>
<input type="submit" class="sendbutton sendmail" value="Send"/>Hier der JS
Code
$('input:text[name=name],input:text[name=email],textarea[name=message]').focus(function () {
$(this).removeClass('error');
if (!emailValues[$(this).attr('name')]) {
emailValues[$(this).attr('name')] = $(this).val();
$(this).val('');
$(this).css('color', '#555')
}
if ($(this).val() == emailValues[$(this).attr('name')]) {
$(this).val('');
$(this).css('color', '#555')
}
});
$('input:text[name=name],input:text[name=email],textarea[name=message]').blur(function () {
if (!$(this).val()) {
$(this).css('color', '#999');
$(this).val(emailValues[$(this).attr('name')])
}
});
$('.sendmail').click(function () {
mail_name = $('input:text[name=name]').val();
mail_email = $('input:text[name=email]').val();
mail_message = $('textarea[name=message]').val();
if (!mail_name || mail_name == emailValues['name'] || !emailValues['name']) {
$('input:text[name=name]').addClass('error');
mail_error = 1
}
if (!mail_email || mail_email == emailValues['email'] || !emailValues['email']) {
$('input:text[name=email]').addClass('error');
mail_error = 1
} else {
if ((mail_email.indexOf('@') < 0) || ((mail_email.charAt(mail_email.length - 4) != '.') && (mail_email.charAt(mail_email.length - 3) != '.'))) {
$('input:text[name=email]').addClass('error');
mail_error = 1
}
}
if (!mail_message || mail_message == emailValues['message'] || !emailValues['message']) {
$('textarea[name=message]').addClass('error');
mail_error = 1
}
if (mail_error = 0) {
$.post("sendmail.php", {
name: mail_name,
email: mail_email,
message: mail_message
}, function (data) {
$("#email_form").fadeOut(200, function () {
$("#email_send").fadeIn(800)
})
})
}
})Ich hoffe jemand kann mir helfen
MfG
