form表单
今天要聊聊的是form表单,其实我一开始工作的时候是没有对form表单很了解(包括现在),因为我开始实习的那家公司是接近前后分离的,请求提交都是ajax,所以我对form表单也就不是很了解。
现在我在一家年纪比较大的公司工作,所以对form表单也渐渐的有了一些认识,因为他们大部分还是form表单提交的。其实我发现form表单提交其实也很方便,因为不需要把很多参数都获取他们的值,一个很大的表单就省了好多事。
首先我们要讲的是表单提交的时候只有name
属性与后天符合才会提交,不然不会提交成功,而且这个表单元素一定不能是 disabled
的属性的表单元素,有disabled
的表单不提交。。。(我出现过好几次了) 。
第二我们聊聊form表单的提交方式:
<input type="submit" value="Submit">
提交按钮的提交,type="submit"
的input元素点击会触发form handler将数据提交。- 通过form dom对象的submit()方法提交,如
$("#form").submit();
这样也会提交表单。上面的方法很相近,但是有一个缺点,就是没有回调事件。 - 当我们需要回调的时候,我们就需要使用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.top 和 http://github.lushunming.top 也有发布,而且排版更加好看,欢迎捧场。