js 通用表单提交1-onsubmit

在进行表单提交的时候，如果直接点击表单的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