如何验证使用jQuery文本框和文本区域在MVC 4

我有查看如何验证使用jQuery文本框和文本区域在MVC 4

<input type="text" class="form" name="abc" id="abc" placeholder="Enter text"> 
<textarea class="form" id="xyz" rows="3"></textarea>

我想把验证这个文本框和文本区我已经JS通过文件按钮validation.js 我发送数据jQuery的

<script type="text/javascript"> 

     $(document).ready(function() { 
      //alert('worked'); 
      $("#btnSubmit").click(function() { 
       $.ajax({ 
        cache: false, 
        type: "POST", 
        url: "@Url.Action("SubmitHome", "Admin")", 
        data: { 
         "abc": $("#abc").val(), 
         "xyz": $("#xyz").val(), 

        }, 
        success: function (data) { 

        }, 
        error: function (xhr, ajaxOptions, thrownError) { 
         alert('Failed to retrieve states.'); 
        } 
       }); 
      }); 


       }); 
      }); 

     }); 
    </script>

现在我不明白我怎么会应用在文本框和文本区域validation.js。我只想用这种方式。

来源

2015-01-21 user4102564

您可以将验证属性添加到mvc中的视图模型属性，这将应用数据属性在窗体上进行验证。然后在点击该按钮，你可以做到以下几点：（https://msdn.microsoft.com/en-us/library/ee256141(VS.100).aspx）

$("#btnSubmit").click(function() { 
    if($("#formid").validate()){ 
     $.ajax({ 
      cache: false, 
      type: "POST", 
      url: "@Url.Action("SubmitHome", "Admin")", 
      data: { 
       "abc": $("#abc").val(), 
       "xyz": $("#xyz").val(), 

      }, 
      success: function (data) { 

      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       alert('Failed to retrieve states.'); 
      } 
     }); 
    } 
});

另外，您可以启用unobtrisive AJAX和正常的表单提交会做客户端验证，并且不需要任何额外的JS。

MVC4: jQuery Validation Unobtrusive Native working incorrectly

来源

2015-01-21 12:06:46 Dhunt

我不想使用HTML助手。我只想学习如何在文本框和textarea上使用这个jquery – user4102564 2015-01-21 12:36:42

任何特定的原因，你需要这样做，或者只是为了知道一个不同的方式做它？另一种做法可能是使用这个：http://jqueryvalidation.org/。或者绑定一个方法来检查变更时的文本框或文本区域的值。 – Dhunt 2015-01-21 12:41:12

我正处于项目的中间，现在我无法改变它。 – user4102564 2015-01-21 13:35:27

如何验证使用jQuery文本框和文本区域在MVC 4

回答

相关问题