jquery于form正在使用submit问题,未解决

  $("#login_btn").click(function(){type为submit的button下
    if($("#id_password").val().length == 0){//检验password是否为空
      $('form').submit(function(){
        alert("1")
        return false;
      });
    }else if($("#vali").val() != code){//验证码是否正确
      $('form').submit(function(){
        alert("2")
        return false;
      });
    }else{
      $('form').submit(function(){
        alert("3")
        return true;
      });
    }
  });
在測试的时候发现,当password为空的时候,弹出1;再点击一次。弹出两次1。再点击,弹出三个1;输入password后。再点击,发现弹出1,1。1。2,找了好长时间不知道原因


后来改变策略
<pre name="code" class="html">$('form').submit(function(){
    var b = true;
    if($( "#id_password").val().length == 0 ){
      $("#verify").html('<div class="alert alert-error">请输入密码!</div>').show();
      b = false;
    }else if( $("#vali").val() != code ){
      $("#verify").html('<div class="alert alert-error">验证码输入错误!</div>').show();
      b = false;
    }else{
      b = true;
    }
      return b;
  });

这样就能够该,我不知道为什么~~~~求答案


版权声明:本文博主原创文章,博客,未经同意不得转载。

时间: 2024-08-07 21:18:45

jquery于form正在使用submit问题,未解决的相关文章

jquery中form中使用submit出现的问题,未解决

$("#login_btn").click(function(){在type为submit的按钮下 if($("#id_password").val().length == 0){//检验密码是否为空 $('form').submit(function(){ alert("1") return false; }); }else if($("#vali").val() != code){//验证码是否正确 $('form').s

JQuery判断form表单是否为空

功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交 $(function () { $('form').bind('submit',function () {  //给form标签绑定submit事件 var i=0; $("input").each(function(){  //遍历input标签,判断是否有内容未填写 var vl=$(this).val(); if(vl==""){ i=1; } }); var t=$('t

Python之路【第十三篇续】jQuery案例-Form表单&amp;插件及扩展

jQuery案例-Form表单 学完这个form表单的案例,如果有人说这个表单(功能)还不够NB(此文不包含样式,样式是CSS比较简单可以根据需求自己添加),那么找武Sir他帮你搞定. 一步一步来 注意事项(目录结构): 在写前端html代码的时候要注意(任何代码都一样),一定要规划好目录结构方便其他的人来看你的代码! 如果还有其他的html页面可以在加一个html存储的文件夹. 1.首先看下HTML主体 <!DOCTYPE html> <html lang="en"

使用jQuery重用form表单并异步提交到其他action

在做页面开发的时候,有时候要重用表单的数据,并异步请求提交到其他的链接中,这个时候就可以使用jquery去修改表单的action值(记得使用后修改回来),并调用submit方法,当然后台的链接action或者controller方法必须返回值类型为void,否则将发生页面跳转,返回null则显示空白页,无法实现异步调用.另外,这里可以使用另外一个方式提交,将表单序列化,然后用jQuery的ajax提交,不过要对返回的信息进行处理. 直接上代码: (1)jQuery改变form属性 $(".exp

Python之路【第十三篇】jQuery案例-Form表单&amp;插件及扩展

学完这个form表单的案例,如果有人说这个表单(功能)还不够NB(此文不包含样式,样式是CSS比较简单可以根据需求自己添加),那么找武Sir他帮你搞定. 一步一步来 注意事项(目录结构): 在写前端html代码的时候要注意(任何代码都一样),一定要规划好目录结构方便其他的人来看你的代码! 如果还有其他的html页面可以在加一个html存储的文件夹. 1.首先看下HTML主体 <!DOCTYPE html> <html lang="en"> <head>

jQuery控制form表单元素聚焦

CreateTime--2017年5月28日08:57:16Author:Marydon jQuery使form表单的第一个文本框聚焦 /** * 使form表单的第一个文本框聚焦 */ function makeFirstTextFormElementFocused (formId) { $('#' + formId + ' :text').eq(0).focus(); } 测试: window.onload = function() { makeFirstTextFormElementFoc

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

Javascript:使用jQuery提交Form表单

DEMO说明一切: 1 // this is the id of the form 2 $("#idForm").submit(function() { 3 4 var url = "path/to/your/script.php"; // the script where you handle the form input. 5 6 $.ajax({ 7 type: "POST", 8 url: url, 9 data: $("#id

jquery将form表单序列化常json

var formData = {};$.each(form.serializeArray(),function(i, item){ formData[item.name] = item.value;}); $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) { al