我们来自五湖四海,不为别的,只因有共同的爱好,为中国互联网发展出一分力!
领航时时彩重庆版

内蒙古时时彩单式开奖:jquery验证表单 提交表单

2014年12月22日01:14 阅读: 26039 次

领航时时彩重庆版 www.9nwl5.cn 标签: jquery验证表单 提交表单

一起学习jquery,

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

<title>用户修改密码</title>
<script type="text/javascript" src="scripts/jquery-2.0.2.js"></script>
<script type="text/javascript">
   function check(){
	   var npassword=$("#npassword").val();
	   var npassword2=$("#npassword2").val();
	   if(npassword==null||npassword==""){
		    alert("密码不能为空!");
		    $("#npassword").focus();
		    return false;
	   } else if(npassword2!=npassword){
		   alert("两次密码不一致");
		   $("#npassword2").attr("value","");
		   $("#npassword2").focus();
		   return false;
	   }else{
		   $("#form").submit();
	   } 
   }

</script>
</head>
<body bgcolor="#E2E4F0">
   <form name="form" id="form" action="selfservice.jsp" method="post" >
     <input type="hidden" name="action" value="modpassword"/>
     <table border="2" align="center" style="margin:200px 100px 200px 400px ">
     <tr>
        <td>新密码:</td>
        <td><input type="password" id="npassword" name="npassword"/></td>
      </tr>      
      <tr>
        <td>确认密码:</td>
        <td><input type="password" id="npassword2" name="npassword2"/></td>
      </tr> 
      <tr>
        <td><input type="button" value="提交" onclick="return check();"></td>
        <td><input type="reset" value="重置"></td>	
      </tr>  
     </table>
   </form>
</body>  

2.可以通过ab蓝学网发布的下面这篇文章来学习下jquery如何提交表单

步骤 内容来自 www.ablanxue.com

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

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

<html>
  <head>
    <title>Submitting forms</title>
  </head>
  <body>
    <form id="myForm">
      <input type="button" value="Submit Form" />
    </form>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function ()
      {
        $('input:button').click(function()
        {
          $('#myForm').submit();
        });
      });
    </script>
  </body>
</html> ablanxue.com


一起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()

}); 内容
分享到: 更多
©2019 安全焦点 版权所有.

  • 这些“难民”大部分好吃懒做,无一技之长,犯罪率又高,你要接回去就噹祖宗供着吧。[哈哈] 2019-04-23
  • 铜梁这位30岁小伙抱上吉他骑着摩托去北极过生! 2019-04-23
  • 2018年世界杯防骗宝典!拒绝和骗子一起狂欢! 2019-04-16
  • [微笑]其实很简单就能破这个局:立法禁止通过房地产二次交易获利,炒房就会被杜绝,炒房一旦被杜绝,房价就会受正常供需关系影响波动在合理范围内。 2019-04-16
  • 中国人打仗?被逗了。独生子一代、捧在手里长大的90后00后、站在甲板上飒爽英姿、硝烟战火血肉横飞的场景、会失去行动能力的。这不是耸人听闻。 2019-04-14
  • 乌鲁木齐市水磨沟区开建两座立体停车库 2019-04-14
  • 吕洪蕾:网络信息技术在干部工作中的运用研究 2019-04-04
  • 聚焦中央经济工作会议 2019-03-30
  • 沈杰:在北京打拼的“90后”台湾律师 2019-03-30
  • 法国总统马克龙首次访华 法国居民期待成果 2019-03-25
  • 【新媒体矩阵】长城编小厨 2019-03-25
  • 1949年刚刚进入北平的人民日报校对科夜班工作场面 2019-03-22
  • 江西省“放管服”改革再出实招 2019-03-21
  • 让“毒跑道”绝迹 内蒙古各方联手共同监管校园跑道 2019-03-20
  • 宁夏石嘴山支队隆重举行退伍老兵欢送仪式 2019-03-19
  • 329| 377| 346| 990| 601| 14| 442| 706| 897| 133|