Question

在mvc 模式下,怎么阻止表单提交

在mvc 模式下,我用<input type="submit" value="注册" onclick="btClick()" > 方式,给页面添加了一个提交按钮,当我点击注册时,进行判断:如果用户名为空,则不允许提交,我的代码是这样写的:function btClick() { if ($("#userName").val() == "") { $("#lblShow").text("用户名不能为空!"); } return false; }上面是用Jquery实现的，总之我想做的效果是：类似于以前的JS数据验证，当数据不符合要求时，则不允许提交数据至controller

Answer 1

在页面中只是js验证即可，如下代码
<input type="submit" value="注册" onclick="return btClick()" >
function btClick()
{
if(document.loginform.userName.value=="")
{
alert("请输入用户名！");
document.loginform.userName.focus();
return false;
}
if(document.loginform.PassWord.value == "")
{
alert("请输入密码！");
document.loginform.PassWord.focus();
return false;
}
}

Answer 2

//模仿jquery简写getElementById
function $(id){
    return document.getElementById(id);
}
//单击事件函数
function btClick(){
     if ($("userName").val() == "") {
         $("lblShow").text("用户名不能为空!"); 
         return false; 
     }
     if(要求...){
         不符合处理
         return false;//返回false
     }
     return true; //都满足时返回true请求controller
 }
1.
//onclick事件调用
<input type="submit" value="注册" onclick="return btClick()" > 
2.
//onsubmit事件调用
<form action="controller" method="post" onsubmit="return btClick()">

Answer 3

如果是asp.net MVC的话，里面有个数据验可以用，定义在实体属性中，然后再view层引用就可以