js基础-表单验证和提交

基础知识：

原始提交：

<form action="/login" method="post" id="form1">
      <span>用户</span>
     <input type="text" name="username" id="username"/><br/>  
     <span>密码</span>
     <input type="password" name="password" id="passsword"/><br/>  
     　　
      <input type="submit" value="提交">    
 </form>

说明：
form是一个表单，用来发送http请求。直观的说，只要用form将需要提交到服务器的标签包围，当提交的时候，就会向服务器发送有name属性的数据。所以，input内容提交必须有name属性。

action：服务器接口路径；
method:选择发送请求的方式，默认是get，通常用post。get请求会在地址栏显示参数，并且有长度限制。post则没有。
id:标识标签元素
当提交后，服务器就会得到：username=填的用户名 & password=填的密码

当点击提交后，form数据就会发送。通常提交前要校验数据。比如长度规则等。所以需要js。

js校验：
方法1：
在from属性后面接着添加οnsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。变成：

<form action=