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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容