新手在这里。我需要一些帮助。
我正在为我的网站使用预先编写的javascript表单验证器,但问题是,它不适用于默认值的字段。所以问题是验证器正在考虑值“Name”和“Message”是否有效,并且消息通过而没有任何错误消息。
我做了一些研究并看到了一些建议,但是对javascript知之甚少,我不知道如何实现它们或如何创建另一组验证规则。
顺便说一句,我使用[http://www.faridhadi.com/] [1]
的免费联系表格以下是我正在处理的脚本:
我希望你们能帮助我!谢谢!
// JavaScript Document
$(document).ready(function() {
$('#contactForm #submit').click(function() {
// Fade in the progress bar
$('#contactForm #formProgress').hide();
$('#contactForm #formProgress').html('<img src="images/ajax-loader.gif" /> Sending…');
$('#contactForm #formProgress').fadeIn();
// Disable the submit button
$('#contactForm #submit').attr("disabled", "disabled");
// Clear and hide any error messages
$('#contactForm .formError').html('');
// Set temaprary variables for the script
var isFocus=0;
var isError=0;
// Get the data from the form
var name=$('#contactForm #name').val();
var email=$('#contactForm #email').val();
var subject=$('#contactForm #subject').val();
var message=$('#contactForm #message').val();
// Validate the data
if(name=='') {
$('#contactForm #errorName').html('This is a required field.');
$('#contactForm #name').focus();
isFocus=1;
isError=1;
}
if(email=='') {
$('#contactForm #errorEmail').html('This is a required field.');
if(isFocus==0) {
$('#contactForm #email').focus();
isFocus=1;
}
isError=1;
} else {
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(reg.test(email)==false) {
$('#contactForm #errorEmail').html('Invalid email address.');
if(isFocus==0) {
$('#contactForm #email').focus();
isFocus=1;
}
isError=1;
}
}
if(message=='') {
$('#contactForm #errorMessage').html('This is a required field.');
if(isFocus==0) {
$('#contactForm #message').focus();
isFocus=1;
}
isError=1;
}
// Terminate the script if an error is found
if(isError==1) {
$('#contactForm #formProgress').html('');
$('#contactForm #formProgress').hide();
// Activate the submit button
$('#contactForm #submit').attr("disabled", "");
return false;
}
$.ajaxSetup ({
cache: false
});
var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;
$.ajax({
type: "POST",
url: "php/submit-form-ajax.php",
data: dataString,
success: function(msg) {
//alert(msg);
// Check to see if the mail was successfully sent
if(msg=='Mail sent') {
// Update the progress bar
$('#contactForm #formProgress').html('<img src="images/ajax-complete.gif" /> Message sent.').delay(2000).fadeOut(400);
// Clear the subject field and message textbox
$('#contactForm #subject').val('');
$('#contactForm #message').val('');
} else {
$('#contactForm #formProgress').html('');
alert('There was an error sending your email. Please try again.');
}
// Activate the submit button
$('#contactForm #submit').attr("disabled", "");
},
error: function(ob,errStr) {
$('#contactForm #formProgress').html('');
alert('There was an error sending your email. Please try again.');
// Activate the submit button
$('#contactForm #submit').attr("disabled", "");
}
});
return false;
});
});
答案 0 :(得分:0)
您最好使用HTML5 placeholder
属性作为“默认值”。要支持所有浏览器,您可以使用jQuery watermark插件来填充旧浏览器以支持placeholder
。
对于验证,最好使用广泛使用的jQuery Validator插件
答案 1 :(得分:0)
如果默认情况下你指的是初始value="No Subject"
,你可以修改如果输入为空则指定变量来计算该值;
var name = $('#contactForm #name');
name = $.trim(name.val()) || name.prop("defaultValue");
...
var email = ....