版权声明:版权归PHPerJiang所有 https://blog.csdn.net/qq_36558538/article/details/85342534
代码逻辑相关
- js控制表单不自动提交
$('#register_form').submit(function (e) { e.preventDefault(); });
今天2019.1.18,上午没有什么开发任务就开始做毕设,好几天没总结了哈,今天总结一下这几天毕设的情况
- 首先是表单提交坑,看过我博客的应该也知道我前端基础贼垃圾,前几天刚刚补了html、css、js,但是实战起来还是会遗忘,想不起来很多东西,还得慢慢来实战熟悉啊。这个坑是表单提交的时候点提交无论是否经过js验证都会提交上,这就很尴尬,错的,没信息的表单也能提交?当然不行,这就得想办法,第一个办法
//禁止表单自动提交 $('#person_form').submit(function (e) { e.preventDefault(); });
js文件里加上这个提交限制,不允许默认提交,但是还是不行,因为js里我用了按钮click方法。
<form method="post" action="" id="person_form"> <div class="contact-form"> <div class="contact-to"> <input type="text" class="text" name="person_name" id="person_name" placeholder="Please enter your real name."> <input type="text" class="text" name="person_nickname" id="person_nickname" placeholder="Please enter your nickname."> <input type="text" class="text" name="person_phone" id="person_phone" placeholder="Please enter your phone."> </div> <div class="text2"> <textarea name="person_description" id="person_description" placeholder="Description"></textarea> </div> <span><input type="submit" id="person_btn" class="" value="提交" style="display:inline;"></span> <span><input type="test" style="display: none;font-size:18px;color: red;width: 500px; border-style: none;border: 0px;outline:none;cursor: pointer;" readonly id="person_tips" value="" ></span> <div class="clear"></div> </div> </form>
无论经没经过js验证表单内容点提交按钮都会提交上,我嘞个天天,这又坑我,没办法,我不敢问我导师,怕他说我弱智,这点东西还不能自己解决,只好问度娘了。大神们说表单提交有个属性交onsubmit,当这个属性为fasle的时候表单不允许提交,必须等于true的时候才可以提交,这就很舒服,有解决办法了啊!!哈哈哈哈。
<form method="post" action="" onsubmit="false" id="person_form">
表单上加上这个onsubmit先默认false,不让这家伙提交,然后通过js判断后找到这个标签改属性值为true就行了,舒舒服服的解决的问题~~~,美滋滋~~~
-
现在是2018.1.18,下午四点半,刚改完2个bug,脖子十分酸痛,程序员通病,真怕我得了颈前引。废话不多说,刚才解决bug,我又得到了一个关于前端知识的心得,是JQuery选择器相关的。众所周知,$('#id')即可选中对应id的标签,但是如果通过#id的方式选择,如果这个id中带有特殊字符的话,就会选不到,这个在我的项目中导致了无法移除编辑页的东西,后来用了属性选择器才选中了,是这么用的$([id='xxx'])这样就直接把id的值当成了一个整体,可以选中了,并且可以执行后续操作了。