Javascript 验证表单时出错
我在使用Jquery验证从表单获取的值时遇到了问题Javascript 验证表单时出错,javascript,php,jquery,codeigniter,Javascript,Php,Jquery,Codeigniter,我在使用Jquery验证从表单获取的值时遇到了问题 $('form').submit(function(){ var err = []; var form = $(this).attr('id'); switch(form){ case 'formmecard': var hasError = 3; if($('#me-name').val() == ''){
$('form').submit(function(){
var err = [];
var form = $(this).attr('id');
switch(form){
case 'formmecard':
var hasError = 3;
if($('#me-name').val() == ''){
err[0] = 'Please input your full name';
}else{
if(!nameReg.test($('#me-name').val())){
err[0] = 'Your name has only contain characters';
}else{
hasError--;
}
}
if($('#me-email').val() == ''){
err[1] = 'Please input your email address';
}else{
if(!emailReg.test($('#me-email').val())){
err[1] = 'Invalid email address';
}else{
hasError--;
}
}
if($('#me-phone').val() == ''){
err[2] = 'Please input your phone number';
}else{
if(!numberReg.test($('#me-phone').val())){
err[2] = 'The phone number is invalid';
}else{
hasError--;
}
}
if(hasError != 0){
for(var i=0;i<err.length;i++){
switch(i){
case 0:
$('.checkname').html(err[0]).fadeIn(1000,function(){
$(this).fadeOut(1000);
});
$('#me-name').focus();
break;
case 1:
$('.checkemail').html(err[1]).fadeIn(1000,function(){
$(this).fadeOut(1000);
});
$('#me-email').focus();
break;
case 2:
$('.checkphone').html(err[2]).fadeIn(1000,function(){
$(this).fadeOut(1000);
});
$('#me-phone').focus();
break;
default:
break;
}
}
err = [];
}else{
var website = $('#me-url').val();
if(website != ''){
if(!website.match(urlReg))
$('#me-url').val('http://' + website);
}
var content = $(this).serialize();
var action = $(this).attr('action');
callajax(action,content);
}
break;
default:
break;
}
return false;
});
$('form')。提交(函数(){
var err=[];
var form=$(this.attr('id');
开关(表格){
案例“formmecard”:
var hasError=3;
if($(“#我的名字”).val()=''){
错误[0]=“请输入您的全名”;
}否则{
if(!nameReg.test($('#me name').val()){
错误[0]=“您的姓名仅包含字符”;
}否则{
错误--;
}
}
如果($(“#我的电子邮件”).val()=''){
错误[1]=“请输入您的电子邮件地址”;
}否则{
if(!emailReg.test($('#me email').val()){
错误[1]=“无效的电子邮件地址”;
}否则{
错误--;
}
}
如果($(“#我的电话”).val()=''){
错误[2]=“请输入您的电话号码”;
}否则{
if(!numberReg.test($('me phone').val()){
错误[2]=“电话号码无效”;
}否则{
错误--;
}
}
如果(hasError!=0){
对于(var i=0;i为什么不试着用其他方法来做呢?),比如有一个submit按钮,监听click事件并使用preventdefault方法,这样在表单提交之前就可以验证表单了
$("#buton").click(function(e)
{
e.preventDefault();
/*
your validations here
*/
//to finalize
$("#yourform").submit();
});
错误是什么?最好使用jquery验证插件错误到底是什么?它不是使用方法post提交数据,所以它会自动使用方法get提交数据。这是我的问题。请帮助我。
$("#buton").click(function(e)
{
e.preventDefault();
/*
your validations here
*/
//to finalize
$("#yourform").submit();
});