jquery验证表单 提交表单

2021-05-30 16:04

阅读:356

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签:BMI   query   包含   cti   on()   htm   set   form   def   

一起学习jquery,

解决的办法是:使用button按钮,而不是submit按钮 看下面的例子

用户修改密码
新密码:
确认密码:

2.学习下jquery如何提交表单

步骤 

(1) 创建一个新文件,将它命名为formSubmit.html并保存在chapter1目录中。

(2) 编写以下代码,这段代码将创建一个表单,其中包含一个input按钮(而不是submit按钮)。添加一些将在单击该按钮时触发并提交该表单的jQuery代码。

Submitting forms

 

一起jquery,ab蓝学网

(3) 运行formSubmit.html文件并单击input按钮,它将提交该表单。

 

1.5.3 原理

 

在本例中,向input按钮附加click事件处理函数。该事件处理函数将在单击按钮时执行。单击按钮时,将在表单上调用jQuery的submit()方法,这将提交该表单。所有浏览器都有一个原生的提交方法,用于以编程方式提交表单。jQuery将此功能包装到了它自己的submit()方法中。

1.5.4 更多信息

 

控制表单提交

如果表单有一个submit按钮,那么我们可以控制是否提交该表单。在本例中,必须向表单附加事件处理函数,此事件处理函数将在单击特定表单上的submit按钮时执行。

 

 

$(‘#myForm‘).submit(function()
{
  return false;
});  

 

 

 

上述代码将在单击ID为myForm的表单上的submit按钮时执行。如果处理函数返回false,不会提交表单。这对验证表单非常方便。验证表单值的代码可以放在处理函数中。如果表单值通过验证,返回true,提交表单。验证失败时,返回false,则不允许提交表单。

 

另一个选项是使用preventDefault()。由名称可以看出,preventDefault()会阻止执行默认事件。它是event对象的一个属

$(‘#myForm‘).submit(function(event)

{

  event.preventDefault()

}); 内容

jquery验证表单 提交表单

标签:BMI   query   包含   cti   on()   htm   set   form   def   

原文地址:https://www.cnblogs.com/seoyouhua/p/14660043.html


评论


亲,登录后才可以留言!