jquery、js阻止表单提交的不同方法

 做web开发的,写表单提交的代码那是家常便饭。既然是要提交表单,那肯定就会进行表单验证。表单验证的问题一直都是一件头疼的事情,争议也比较大。有些程序员会把验证放在服务器端,让服务器来进行验证,试想,这样把数据传来传去,效率有多低啊!!如果表单里的数据量过大,则会严重占用服务器带宽。何况现在是WEB2.0的时代了,随着Google、网易等使用Ajax技术的兴起,把表单验证放在服务器端,实在是太落后了。

 

       现在,我们就来看看,如何把表单验证放在浏览器客户端,把验证工作交给浏览器来做,这必定要用到JavaScript。那么就瞧瞧下面两种验证方法,一种是纯JavaScript验证,第二种是引用jQuery库来进行验证。

1、JavaScript验证阻止提交表单

 
  1. JavaScript禁止提交表单

上面的方法在谷歌浏览器中不能够实现,但在ie浏览器中可以实现
2、jQuery验证阻止表单提交

 
  1. jQuery禁止提交表单

js包需要导入
 

你可能感兴趣的:(jquery、js阻止表单提交的不同方法)