js 通用表单提交1-onsubmit

262 阅读1分钟

在进行表单提交的时候,如果直接点击表单的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提交的方法,这样就可以无刷新提交表单以及忽略表单项写提交表单的方法。

以上。

参考连接:

www.cnblogs.com/web-wjg/p/7…