javascript - 文本框的客户端验证

标签 javascript jquery html validation visual-studio-2013

目标:
*当您按下提交按钮时,应在文本框内执行客户端验证。

*如果没问题,去actionresult。
否则,显示一 strip 有“最多 10 个字母”语句的弹出消息和一个 OK 按钮。

标准是最多 10 个字母。

问题:
我不知道该怎么做

信息:
*我将 VS2013 与 ASP.net mvc、jQuery、javascript 一起使用
*无服务器验证。

<!DOCTYPE html>
<html>
<body>

<form>
First name: <input type="text" name="FirstName" value="Mickey"><br>
<input type="submit" value="Submit">
</form>


</body>
</html>

最佳答案

<form id="target">
First name: <input type="text" name="FirstName" id="txtname" ><br>
<input type="submit" value="Submit">
</form>

和Js

  $( "#target" ).submit(function( event ) {
  var getText=$('#txtname').val().trim();
    var len=getText.length;
    if(len > 10){
           alert('max 10 size');
        event.preventDefault();
    }

});

检查表单提交的长度。

DEMO

关于javascript - 文本框的客户端验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30458321/

相关文章:

javascript - 当 prop 函数改变状态时,我该如何使用 redux?

javascript - Twitter Bootstrap 下拉菜单不起作用

javascript - ".mouseleave"不遵守 jQuery 中的 ".not"

html - html中的边框不是圆 Angular 的

html - 悬停父元素会触发多个元素,包括自身

javascript - div 高度占用剩余 View 高度

javascript - 我的 css 会影响 Javascript 生成的 HTML 吗

javascript - 在浏览器宽度调整大小时更改 li 高度

java - 将嵌套数组从 PHP 传递到 Java servlet

javascript - 如何将 &lt;script&gt; 放在框架集文档的 "body"中?