毕设开发时的小随笔（0）

版权声明：版权归PHPerJiang所有 https://blog.csdn.net/qq_36558538/article/details/85342534

代码逻辑相关

1. js控制表单不自动提交

   $('#register_form').submit(function (e) {
           e.preventDefault();
       });

今天2019.1.18，上午没有什么开发任务就开始做毕设，好几天没总结了哈，今天总结一下这几天毕设的情况

1. 首先是表单提交坑，看过我博客的应该也知道我前端基础贼垃圾，前几天刚刚补了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>&nbsp;&nbsp;&nbsp;
                       <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就行了，舒舒服服的解决的问题~~~，美滋滋~~~

2. 现在是2018.1.18，下午四点半，刚改完2个bug,脖子十分酸痛，程序员通病，真怕我得了颈前引。废话不多说，刚才解决bug,我又得到了一个关于前端知识的心得，是JQuery选择器相关的。众所周知，$('#id')即可选中对应id的标签，但是如果通过#id的方式选择，如果这个id中带有特殊字符的话，就会选不到，这个在我的项目中导致了无法移除编辑页的东西，后来用了属性选择器才选中了，是这么用的$([id='xxx'])这样就直接把id的值当成了一个整体，可以选中了，并且可以执行后续操作了。