मैं jQuery Validation Plugin का उपयोग करके एक JavaScript / ajax टिप्पणी फ़ॉर्म बना रहा हूं।
मैं उन संदेशों को कैसे अनुकूलित करूं जो उपयोगकर्ता को भेजे गए हैं? वर्तमान में, फॉर्म वापस आ जाता है heuristic type: NAME_FULL server type: NO_SERVER_DATA field signature: 3489289364 form signature: 13828296746807249018 experiment id:"" जब कोई क्षेत्र खाली छोड़ दिया जाता है।
मैं बस यह कहना चाहता हूं कि "कृपया अपना नाम दर्ज करें।" यहाँ जावास्क्रिप्ट है जो प्लगइन और फॉर्म को नियंत्रित करता है:
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
$(document).ready(function(){
$("#commentForm").submit(function(){
if($("#commentForm").validate()){
$.ajax({
type: "POST",
url: "process.php",
data: $(this).serialize(),
success: function(returnedData){
$("#commentForm").append(returnedData);
}
});
}
return false;
});
});
<form class="cmxform" id="commentForm" method="POST" action="">
<fieldset>
<p>
<label for="cname">Name</label>
input id="cname" name="name" size="25" class="required" minlength="2" />
</p>
<p>
<label for="cemail">E-Mail</label>
<input id="cemail" name="email" size="25" class="required email" />
</p>
<p>
<label for="curl">URL</label>
<input id="curl" name="url" size="25" class="url" value="" />
</p>
<p>
<label for="ccomment">Your comment</label>
<textarea id="ccomment" name="comment" cols="22" class="required"></textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
और php बहुत सीधा है:
$email = $_POST["email"];
if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
print "E-mail is correct";
$to = "asdfdsafasdfsda@gmail.com";
$subject = "the subject";
$message = "hello";
$headers = "From: webmaster@example.com";
mail($to, $subject, $message, $headers);
} else {
print "E-mail is not correct";
}
उत्तर:
जवाब के लिए 2 № 1$(document).ready(function() {
$.extend(jQuery.validator.messages, {
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid email address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
number: "Please enter a valid number.",
digits: "Please enter only digits.",
creditcard: "Please enter a valid credit card number.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension.",
maxlength: $.validator.format("Please enter no more than {0} characters."),
minlength: $.validator.format("Please enter at least {0} characters."),
rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
range: $.validator.format("Please enter a value between {0} and {1}."),
max: $.validator.format("Please enter a value less than or equal to {0}."),
min: $.validator.format("Please enter a value greater than or equal to {0}.")
});
});
संपादित करें:
सत्यापन प्लगइन का उचित कार्यान्वयन ...
$(document).ready(function() {
$("#commentForm").validate({
submitHandler: function(form) {
$.ajax({
type: "POST",
url: "process.php",
data: $(this).serialize(),
success: function(returnedData) {
$(this).append(returnedData);
}
});
return false;
}
});
});