第一种
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮<input type=’submit’>
就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交
<form action=’http://www.123.com/postValue’ method=’post’>
<input type=’text’ name=’username’ />
<input type=’password’ name=’password’/>
<input type=’submit’ value=’登陆'/>
</form>
当点击登陆时,向服务端发生的数据是:
username=username&password=password.
这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可以采用Ajax进行数据提交.
摘抄:https://www.cnblogs.com/Jxwz/p/4509618.html
第二种(常用)
onsubmit方法
onsubmit指定的方法返回true,则提交数据;返回false不提交数据。
οnsubmit=“return function” action中声明url
<form action="" methods="post" onsubmit="return check()">
<input type="text" name="text" placeholder="请输入用户名"/>
<input type="password" id="password" name="password" placeholder="请输入密码"/>
<input type="submit" value="提交"/>
</form>
<script>
var re = /^[^\s]+$/;
var pw = document.querySelector('#password')
check(){
if(re.test(pw.value)){
return true;//不为空
}else{
return false;//为空
}
}
</script>