form表单

今天要聊聊的是form表单,其实我一开始工作的时候是没有对form表单很了解(包括现在),因为我开始实习的那家公司是接近前后分离的,请求提交都是ajax,所以我对form表单也就不是很了解。

现在我在一家年纪比较大的公司工作,所以对form表单也渐渐的有了一些认识,因为他们大部分还是form表单提交的。其实我发现form表单提交其实也很方便,因为不需要把很多参数都获取他们的值,一个很大的表单就省了好多事。

首先我们要讲的是表单提交的时候只有name属性与后天符合才会提交,不然不会提交成功,而且这个表单元素一定不能是 disabled的属性的表单元素,有disabled的表单不提交。。。(我出现过好几次了) 。

第二我们聊聊form表单的提交方式:

  1. <input type="submit" value="Submit">提交按钮的提交,type="submit"的input元素点击会触发form handler将数据提交。
  2. 通过form dom对象的submit()方法提交,如$("#form").submit(); 这样也会提交表单。上面的方法很相近,但是有一个缺点,就是没有回调事件。
  3. 当我们需要回调的时候,我们就需要使用ajax提交表单了。jquery的ajax form插件很好用。首先我要讲的是ajaxForm和ajaxSubmit的区别。ajaxForm是准备一个要提交的表单,也就是说还没有提交,只是在构造。而ajaxSubmit是提交一个表单,要实现表单提交的回调,是需要调用ajaxForm构造一个表单,只要是ajax支持的选项,ajaxForm都支持,所以我们可以用success选项来设置表单提交成功的回调。

还有一个我想说的是textarea这个元素,很变态另类,因为他居然没有value属性,也就是说<textarea value="1"></textarea>这种方式不能给他赋值,二应该是<textarea >1</textarea> 而且在两个标签之间不要有空格,空格也会显示出来。当然了你可以用jquery的val()方法赋值是有效的。这是一个大坑。

我想说的就这么多,以后再有什么觉得要说的再补充。
如果发现错误可以与我联系qq:1357197829。这个博客再http://coding.lushunming.tophttp://github.lushunming.top 也有发布,而且排版更加好看,欢迎捧场。