onsubmit校验表单并阻止提交``

**

onsubmit校验表单并阻止提交``

**
刚刚接触 表单和JAVASCRIP 关于onsubmit的 用法还不是十分了解 请多指教
最佳答案
本回答由提问者推荐
头像
匿名用户1级
2009-08-15 回答
onsubmit表示表单提交时验证的事件，它是在表单中的确认按钮被点击时出发的，一般是js函数。
当用户单击了表单中的 Submit 按钮而提交一个表单时，就会调用这个事件句柄函数。注意，当调用方法Form.submit() 时，该处理器函数不会被调用。
如果 onsubmit 句柄返回 fasle，表单的元素就不会提交。如果该函数返回其他值或什么都没有返回，则表单会被提交。

由于 onsubmit 句柄可以取消表单的提交，所以它对于进行表单验证是十分理想的。下面的示例(验证密码是否为空，如果为空，就取消表单的提交)：

`<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>
注意表单验证一定要写成
<from action="" method="post" onsubmit="return check()">//return 不可少
...............
</from>`

https://wenwen.sogou.com/z/q822260453.htm