onSubmit的使用

在web开发中，我们经常会遇到，一点回车键表单就自己提交的问题，能不能禁用回车键呢，答案是肯定的.

Html代码
<from action="" method="post" onSubmit="return false">
...............
</from>

如果想在表单提交时，进行验证

Html代码
<html>
<head>
<script lanuage="javascript">
  function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>

<html>
<head>
<script lanuage="javascript">
function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>

这样就会对表单进行验证再进行提交

要注意的是，千万不能写成

Html代码
<from action="" method="post" onSubmit="check()">
...............
</from>

因为check()不通过后会返回false，因为onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true，所以还是相当于验证通过
记得对表单验证一定要写成这样

Html代码
<from action="" method="post" onSubmit="return check()">
...............
</from>

onSubmit的使用相关推荐

js form中的onsubmit和action
在js中,form中的onsubmit和action的区别: οnsubmit="函数名",提交一个函数,执行当前的这个函数,点击<input type="subm ...
onsubmit校验表单时利用ajax的return false无效解决方法
代码: function checkNewEmail(){var re_email=new RegExp("\\w+@\\w+\\.\\w+\\.?\\w*");var newEm ...
form中onsubmit的使用
form 中的onsubmit在点submit按钮时被触发,如果return false;则结果不会被提交到action中去(也就是提交动作不会发生),如果不返回或者返回true,则执行提交动作.(& ...
form表单的onsubmit()问题集合
众所周知,在表单中加上οnsubmit="return false;"可以阻止表单提交. 下面是简单的一小段代码: java代码: 1 <form action=" ...
JS之onsubmit事件与组织事件外延
on是监听的意思阻止事件发生:1.return false 2.e.preventDefault()适用于onsubmit outer外部 inner内部 event.stopPropagation ...
由表单中onsubmit=return false;想到的
众所周知,在表单中加上οnsubmit="return false;"可以阻止表单提交. 下面是简单的一小段代码: 代码 <form action="index.j ...
onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false 来阻止submit提交
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交<form class="f ...
前端：JS/32/form对象（表单）（form对象的属性，方法和事件），受返回值影响的两个事件（onclick事件，onsubmit事件），获取表单的元素对象的三种方式，表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
onSubmit 使用
解释 onsubmit:当提交表单时执行一段 JavaScript.它只认true或者false.如果不返回值,则默认为true. 如果想在表单提交时,进行验证 <html> <ti ...
onsubmit和submit()详解
首先说明一点:onsubmit是Form对象的事件句柄,而submit()是form对象的事件方法还有一个Submit 对象,代表 HTML 表单中的一个提交按钮 (submit button).在 ...

onSubmit的使用

onSubmit的使用

onSubmit的使用相关推荐

最新文章

热门文章