这个问题应该很简单 表单验证后再提交

Question

部分代码
<form action="web.php" method="post" id="form" enctype="multipart/form-data">
<button class="btn" type="submit" name="submit" id="webtn">提交申请</button>
</form>//提交验证
function WedaEve(){
var $webtn = $("#webtn");
var $we_name = $("#we_name");
var $we_web = $("#we_web");
var $we_type = $("#we_type");
var $we_mail = $("#we_mail");
var $we_pic = $("#we_pic");
var $we_pic_310_250 = $("#we_pic_310_250");
var $wename_msg = $("#wename_msg");
var $weweb_msg = $("#weweb_msg");
var $wetype_msg = $("#wetype_msg");
var $wemail_msg = $("#wemail_msg");
var $wepic_msg = $("#wepic_msg");
var $sub_msg = $("#sub_msg");

$webtn.click(function(e,index){
var we_name=$we_name.val();
var we_web=$we_web.val();
var we_type=$we_type.val();
var we_mail=$we_mail.val();
var we_pic_310_250=$we_pic_310_250.val();
if(name_va(we_name) && web_va(we_web) && mail_va(we_mail) && name_va(we_type) && file_va(we_pic_310_250)){

}else{
if(!name_va(we_name)){
$wename_msg.text("请输入正确的网站名称")
}
if(!web_va(we_web)){
$weweb_msg.text("请输入正确的网址")
}
if(!mail_va(we_mail)){
$wemail_msg.text("请输入正确的邮箱")
}
if(!name_va(we_type)){
$wetype_msg.text("请选择网站类型")
}
if(!file_va(we_pic_310_250)){
$wepic_msg.text("请上传正确的图片")
}
}
})
$(document).mouseup(function(e){
        $sub_msg.text("");
$wename_msg.text("");
$weweb_msg.text("");
$wemail_msg.text("");
$wetype_msg.text("");
$wepic_msg.text("图片规格：310 * 250  jpg、png  200KB以内");
    });

function name_va(na){
var patten = new RegExp("^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$");
return patten.test(na);
}

function web_va(we){
var patten = new RegExp("http(s)?://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$");
return patten.test(we);
}

function mail_va(ma){
var patten = new RegExp("^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$");
return patten.test(ma);
}

function file_va(fi){
var patten = new RegExp("(.jpg|.jpeg|.png|.JPG|.JPEG|.PNG)$");
return patten.test(fi);
}
}

Answer 1

 enctype="multipart/form-data" 这个去掉，是上传二进制数据例如图片时才用的。

Answer 2

好吧，那看来你是有文件数据的，但是你的html不完整，问题也没问完呢。

Answer 3

应该在这个位置写点什么if(name_va(we_name) && web_va(we_web) && mail_va(we_mail) && name_va(we_type) && file_va(we_pic_310_250)){
////这里
}else{

Answer 4

验证成功的话就
return true;
不成功就
return false;用原生js是这样<form action="web.php" onsubmit="return 你的验证函数()" method="post" id="form" enctype="multipart/form-data">
<button class="btn" type="submit" name="submit" id="webtn">提交申请</button>
</form>jquery的话你试一下啰，不行就改为js的

Answer 5

<form action="http://www.csdn.net" onsubmit="return c(this)">
<input name="ifs" type="checkbox" />表单能提交
<input type="submit"/>
</form>
<script type="text/javascript"> 
var test = document.getElementById('testLink'); 
c = function(obj){
if (obj.ifs.checked)
{
return true;
}else{
alert("你点击了提交，但表单没有提交")
return false;
}
}
</script> 

Answer 6

这个有点麻烦 因为全部代码都是用jquery写的

Answer 7

本来我是用ajax写的，但ajax不支持图片上传，所以就改回用表单了。。现在又郁闷了。。

Answer 8

<form action="web.php" method="post" id="form1" enctype="multipart/form-data">
<input class="btn" type="button" name="submit" id="webtn" value = "提交申请"/>
</form>
<script>$("#webtn").click(function(e,index){
if(验证通过){
$("#form11").submit()
}else{
//错误提交代码
}
})</script>

Answer 9

他是没经过这里 $("#webtn").click(function(e,index){  就直接提交了。。

Answer 10

10楼不行？因为是伪代码，你把  name="submit" 去掉看看，要注意html上的改变。

Answer 11

<form id="form1" action="http://www.csdn.net">
<input id="ifs" name="ifs" type="checkbox" />表单能提交
<input id="webtn" type="button" value="提交申请"/>
</form>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<script type="text/javascript"> $("#webtn").click(function(e,i){
    if ($("#ifs")[0].checked)
    {
        $("#form1").submit();
    }else{
        alert("你点击了提交，但表单没有提交")
        return false;
    }
})
</script>以上代码测试可行，我先睡觉了，你看看后面还有没有高手