MVC里的Submit
OK!最近很忙，快过年了，也N久没来更新博客，最近在做公司的后台！然后呢！然后呢就碰到这个Submit按钮了！这里说这个肯定没多少水分，只不过希望新人在碰到和我同样的问题时不在纠结，立马有想法，我今天写这篇也算是给自己和新人留个记好！呵呵，不过实现方法很多，酱油这个方法很土，但是实用，解决问题就行了！
来场景：这样的，我在MVC JQuery验证表单后，然后验证不管是对是错，我艹！这个Submit都给我把表单给提交到Controller了，呃对了还好点错了我.....下来看代码：
@using (Html.BeginForm( " ProdPromotionEdit " , " Product " , FormMethod.Post))
{
<table cellpadding= " 6 " cellspacing= " 1 " border= " 0 " width= " 100% " >
..................Table里的无用代码省略....................
<tr bgcolor= " #fafafa " >
<td align= " right " >
促销专区:
</td>
<td class = " special_site " >
< select name= " Area " id= " Area " class = " search_select " >
<option value= "" >--请选择--</option>
@foreach ( var item in ViewBag.Area)
{
if (item.Key == " 1 " )
{
<option value= " @item.Key " selected= " selected " >@item.Value</option>
}
else
{
<option value= " @item.Key " >@item.Value</option>
}
}
</ select >
</td>
</tr>
..................Table里的无用代码省略....................
<input type= " Submit " name= " Save " value= " 保存 " id= " Save " class = " default_button " onclick= " check() " />
</td>
</tr>
</table>
}
OK!上面就是我的View界面，然后就是JQ的验证，脚本如下：
function check() {
var value = parseFloat($( " #PromotionValue " ).val());
if (isNaN(value) == true ) {
alert( " 请输入***** " );
$( " #PromotionValue " ).focus();
return false ;
}
var MarketPrice = parseFloat($( " #MarketPrice " ).val());
if (isNaN(MarketPrice) == true ) {
alert( " 请输入***** " );
$( " #MarketPrice " ).focus();
return false ;
}
var StartDate = $( " #StartDate " );
if (StartDate.val() == "" ) {
alert( " 请输入***** " );
StartDate.focus();
return false ;
}
var EndDate = $( " #EndDate " );
if (EndDate.val() == "" ) {
alert( " 请输入***** " );
EndDate.focus();
return false ;
}
var Total = $( " #Total " );
if (Total.val() == "" ) {
alert( " 请输入****** " );
Total.focus();
return false ;
}
var QuantityLimits = $( " #QuantityLimits " );
if (QuantityLimits.val() == "" ) {
alert( " 请输入****** " );
QuantityLimits.focus();
return false ;
}
}
一些简单的验证，然后呢！我偏偏写一些错的东西，然后执行脚本了，执行完成后，还是给提交了Product 控制器(Controller)的ProdPromotionEdit 方法(Action)，然后就错了呗！你懂的。。。然后原因就是Submit即便执行完了JQ脚本还会提交表单，它是提交了，但是我的希望是JQ脚本验证不通过的时候，它就不提交！这才是我最终的目标！其实各位大虾，前辈在这里可能一笑而过，因为实现的办法太多了！什么AJAX，什么什么的，反正很多了！
但是酱油在这里想到一个很土的办法也实现了，来共享给即将要用的新同学！当时是这么想的，input的Type="Submit"会给咱验证了还提交，那不爽啊！不要了，在直接把Type选"Button"吧！然后在验证完成后，在Document.Submit！嘿嘿，起初是这么想，然后在就干呗！然后View就成了下面：
@using (Html.BeginForm( " ProdPromotionEdit " , " Product " , FormMethod.Post))
{
<table cellpadding= " 6 " cellspacing= " 1 " border= " 0 " width= " 100% " >
..................Table里的无用代码省略....................
<tr bgcolor= " #fafafa " >
<td align= " right " >
促销专区:
</td>
<td class = " special_site " >
< select name= " Area " id= " Area " class = " search_select " >
<option value= "" >--请选择--</option>
@foreach ( var item in ViewBag.Area)
{
if (item.Key == " 1 " )
{
<option value= " @item.Key " selected= " selected " >@item.Value</option>
}
else
{
<option value= " @item.Key " >@item.Value</option>
}
}
</ select >
</td>
</tr>
..................Table里的无用代码省略....................
<input type= " button " name= " Save " value= " 保存 " id= " Save " class = " default_button " onclick= " check() " />
</td>
</tr>
</table>
}
然后在JQ脚本里在加了一句话，就实现了：JQ脚本如下：
function check() {
var value = parseFloat($( " #PromotionValue " ).val());
if (isNaN(value) == true ) {
alert( " 请输入***** " );
$( " #PromotionValue " ).focus();
return false ;
}
var MarketPrice = parseFloat($( " #MarketPrice " ).val());
if (isNaN(MarketPrice) == true ) {
alert( " 请输入***** " );
$( " #MarketPrice " ).focus();
return false ;
}
var StartDate = $( " #StartDate " );
if (StartDate.val() == "" ) {
alert( " 请输入***** " );
StartDate.focus();
return false ;
}
var EndDate = $( " #EndDate " );
if (EndDate.val() == "" ) {
alert( " 请输入***** " );
EndDate.focus();
return false ;
}
var Total = $( " #Total " );
if (Total.val() == "" ) {
alert( " 请输入****** " );
Total.focus();
return false ;
}
var QuantityLimits = $( " #QuantityLimits " );
if (QuantityLimits.val() == "" ) {
alert( " 请输入****** " );
QuantityLimits.focus();
return false ;
}
$(function () { $( " #Save " ).click(function () { $( this .form).submit() }) })
}
然后呢！最初的目标达到了，呵呵！这个办法很土，但是能实现最初的目标和自己的想法就是OK的！ 呵呵！写这个常识呢，就是把MVC的Submit改成。。。。。应该这么说把input 里的Submit 改成 button，然后在验证的脚本加一个submit！然后就可以实现，这个算是移花接木不，还是乾坤大挪移！ 哈哈，开玩笑了，就是这么个小小的土方法的分享，希望对新朋友有点点思路即可，多谢各位前辈的指点，非常谢谢！马上过年，祝各位前辈，朋友新年快乐！
分类: ASP.NET MVC 3.0
标签: MVC Submit
作者： Leo_wl
出处： http://www.cnblogs.com/Leo_wl/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
版权信息