在进行表单提交的时候,如果直接点击表单的submit按钮则会提交表单,但是这种方法在需要验证的时候则会不适用。
因此一般会在form的声明中声明onsubmit的方法,在这个方法中添加需要验证的字段等。
方法如下:
1、form表单
<form id='form1' action='' method='' omsubmit='return checkForm()'>
<input type='text' name='username' value=''/>
<input type='password' name='pwd' value =''/>
<input type='password' name='pwd2' value =''/>
<button type='submit'>提交<button/>
<form/>
2、声明onsubmit方法
<script>
function checkForm(){
var form = document.getElementById('form1');
//可在此修改input
//进行下一步
return true;
}
<script/>
3、提交表单
提交表单则触发checkForm,可以对密码进行二次验证,也可以验证用户名的有效性,并且如果发生错误也可以return fasle;,这样就可以阻止表单的提交。
这只是对onsubmit的一种尝试,之后还会再尝试写通用的submit方法,以及使用ajax提交的方法,这样就可以无刷新提交表单以及忽略表单项写提交表单的方法。
以上。
参考连接:
https://www.cnblogs.com/web-wjg/p/7894657.html