如何制作好一个提交按扭---我是个爱折腾的人
<div id="cnblogs_post_body">最近在修改一个MVC项目的页面时要实现输入为空时禁用提交按扭的功能，这其实是个很简单的功能，这里只是写点自己的分享出来，顺便总结经验以后查用。资深专家勿喷 。
输入为空禁用提交按扭
错误提示---增加用户友好度
Ctrl+Enter组合键&mdash;锦上添花
给提交按扭变个样
只接受特定类型的输入
在制作表单时，我们经常会遇到需要对表单内容进行验证，数据非法时不允许用户提交。对用户的输入进行验证又有两种选择：服务器端的验证和客户端的验证。由于后者会重大服务器的负担，不利于服务器处理更为核心的业务，一般我们都选择用JavaScript在客户端进行验证。这样会保证数据在送达服务器时已经是正确的，减轻了服务器开销，更重要的是，客户端的验证是即时的，不会存在与服务器进行通信的时间开销。
如果你在开发中使用的是第三方控件，你可能不必考虑验证了，控件大都自带了数据验证功能，你只需调用相关功能即可。但很多时候其实还是需要我们亲自动手进行验证的。
输入为空禁用提交按扭
当输入框中没有值时，无聊的用户还是会猛击提交按扭的，这时需要将提交禁用掉。即使是这样一个灰常之简单的功能，在初次尝试时也不是一下就达到了我想要的效果的，寻求理想的解决方案是个过程。这里我将用jQuery来实现。
首先构造一个非常简单的页面，只是用来演示，上面放一个输入框，一个提交按扭。
下面打开VS2010新建一个网站项目（当然，本文中的一切操作你完全可以在记事本中完成，我只是想用VS的代码提示及排版方便些）
http://pic002.cnblogs.com/images/2012/431064/2012091919180361.jpg
图1
然后右击项目名选择添加新项，往项目中添加一个HTML 页面。
往上面放面放一个输入框和一个提交按扭。<body>部分代码如下：
<div class="cnblogs_code">1 <body>2 <input type="text" id="name"/>3 <input type="submit" id="submit"/>4 </body>
页:
[1]