好资源导航 » 文章资讯 » JavaScript阻止表单提交方法（附代码）

JavaScript阻止表单提交方法（附代码）

2023-09-26 11:51:06 51



name:

html页面。

第一种方法：利用event的阻止默认事件机制，页面载入之后获得submit元素，然后为submit注册click响应函数，参数为event事件。
在用户点击submit触发响应函数后，直接event.preventDefault();阻止表单转跳的默认事件。

第二种方法：在表单form标签下属性onsubmit="returncheckLength()"或id="submit"的input标签下添加属性checkLength()"
function函数中阻止form提交 returnfalse;
阻止函数中代码向下执行 return;

以下还有

1.form的两个事件

submit，提交表单，如果直接调用该函数，则直接提交表单
onSubmit，提交按钮点击时先触发，然后触发submit事件。如果不加控制的话，默认返回true，因此表单总能提交。

2.JS的校验

通过在JS中用document.myform.name.value,来得到用户的每一个输入，进行校验，当完全通过时，返回TRUE，反之返回false。

3.页面代码实现

/*




*/

4.JS的实现

functioncheck(){
if(document.testform.name.value=="admin"){
alert("姓名不正确");
returnfalse;
}
else{
returntrue;
}
}

注意

onSubmit的写法，千万不要写成：“check（）”，这样当检验不能通过的时候不会提交表单。

好了以上就是小编为大家整理的js阻止表单提交的全部内容啦，希望对大家的学习能够有所帮助~