我有一个问题,我知道这是一个基本问题。
我有一个html表单:
<form id="form-contact" name="htmlform" class="styled" accept-charset="windows-1255,utf-8,iso-8859-1,us-ascii" action= "html_form_send.php" method="post">
和验证表单字段的 jquery onClick 事件,与将表单提交到 php 文件的相同提交按钮相关:
<input id="btn-submit" class="btn-submit" type="image" width="60" height="34" src="images/Site_Images/btn_contact.jpg" name="submit_btn"
我的jQuery代码如下:
$('.btn-submit').click(function(e){
var $formId = $(this).parents('form');
var formAction = $formId.attr('action');
defaulttextRemove();
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
$('li',$formId).removeClass('error');
$('span.error').remove();
$('.required',$formId).each(function(){
var inputVal = $(this).val();
var $parentTag = $(this).parent();
if(inputVal == ''){
$parentTag.addClass('error').append('<span class="error">no data in the field</span>');
}
if($(this).hasClass('email') == true){
if(!emailReg.test(inputVal)){
$parentTag.addClass('error').append('<span class="error">email not accurate</span>');
}
}
});
e.preventDefault();
});
我想要的行为是经过 jquery 验证后,如果一切正常,则将表单提交给 php。我希望我说得通。你能告诉我这种情况的正确方法吗?
谢谢。