我已经通过javascript编写了一个表单验证,它适用于除ie8以外的所有浏览器。 我在IE8中看到的错误说:对象不支持此属性或方法,并指向带有"var firstnameObject"的行。此错误在页面加载后立即显示。代码不止于此,但是我不想用不必要的内容来填充这个问题。
有没有人对我为什么收到此错误有任何线索/建议?任何帮助不胜感激,谢谢!
var generalMethods = {
//Validate Alpha
validateAlphaFields : function(field){
console.log(field)
var currentValue = $(v[field]).val();
console.log('current value:' + currentValue);
if (!currentValue || !currentValue.match(/^[A-z]+$/)){
$(v[field]).addClass('Invalid');
$('#s-'+ field).html(eval(field + 'Object.labelName'));
} else{
$(v[field]).removeClass('Invalid');
$('#s-'+ field).empty();
}
return generalMethods.testSubmit();
}
//Enable submit button if parameter === 'enable', else disable submit button
,disableEnable : function(condition){
if (condition === 'enable'){
//Enable submit button
$('#form_submit_button, #form-submit-button').removeAttr('disabled');
}
}
//Test all fields to enable Submit Button
,testSubmit : function(){
var invalidCount = 0;
$('#errorMessage span').each(function(){
if ($(this).text().trim().length){
invalidCount++;
}
});
//Disable submit if any invalid fields
if (invalidCount < 1){
generalMethods.disableEnable('enable');
$('#errorMessage').css('display','none');
return true;
} else{
$('#errorMessage').css('display','block');
return false;
}
}
}
//Validate Fields Objects
//=====================================================
var firstnameObject = {
labelName : $('#sfield_firstname label').text().trim()
,validate : generalMethods.validateAlphaFields
}
String
的trim
方法是在IE9中添加的,因此在IE8中不可用。请改用$.trim()
以实现跨浏览器兼容性:
var firstnameObject = {
labelName : $.trim($('#sfield_firstname label').text()),
,validate : generalMethods.validateAlphaFields
}
$(document).ready(function() {
$('#btnsubmit').click(function() {
if ($.trim($('#TextCust').val()).length == 0) {
alert("Please Enter Customer Name");
return false;
}
});
});
这就是您应该如何使用验证,它将在所有浏览器中工作。