提交前进行表格验证

时间:2013-05-04 07:46:36

标签: asp.net asp.net-mvc asp.net-mvc-3 razor

我有以下表格

<form id="myForm" action="/Problems/Post"  method="post" enctype="multipart/form-data">

<input type="text" id="problemSubject" name="problemSubject" />
<input type="file" id="uploadFile" name="uploadFile"/>
<textarea rows="" cols="" class="form-textarea" id="problemDescription" name="problemDescription"></textarea>
</form>

我必须将表单提交给控制器方法(我已经完成),但应首先验证它,即它不应包含空字段。我想要的是“应该出现一条消息,告诉该字段是空白的”。如何做到这一点。请帮我。感谢。

2 个答案:

答案 0 :(得分:0)

看看一些样本。 (http://www.asp.net/mvc/tutorials/older-versions/javascript/creating-a-mvc-3-application-with-razor-and-unobtrusive-javascript

基本上,您可以在客户端和服务器端进行验证,您应该同时进行验证。

在asp.net mvc3中进行验证非常容易。看看上面的一些教程。

或者这一个:http://www.codeproject.com/Articles/249452/ASP-NET-MVC3-Validation-Basic

答案 1 :(得分:0)

你可以使用服务器端验证控件...... 看看[链接] http://msdn.microsoft.com/en-us/library/aa479013.aspx

或使用下面的jquery gven ---&gt;

function callOnload(){

    if($('#problemSubject').val() == '')
    alert('fill the values');

    if($('#uploadFile').val() == '')
    alert('fill the values');
}