提交表格时很奇怪

时间:2011-06-30 12:25:44

标签: jquery

$(document).ready(function(){     
  $("#edit-submit").click(function(){
    if($("#field-huima-0-value").val() == '' && $(".link-field .form-text").val() =='') {
      alert("you must at least enter one value!");
    //  return false;
    }
  });

});

jquery版本是1.26 有两个输入文本框。 field-huima-0-value.link-field .form-text

我想这样做:vistor必须输入一个文本框,不能输入两个输入框。如果vistor没有输入任何内容,然后提醒窗口并阻止表单提交。

怪异的东西 当我添加return false时。然后键入一个文本框,然后单击“提交”按钮。表格无法提交。如果删除return false,表格可以提交。

我的代码可能出现什么错误?

2 个答案:

答案 0 :(得分:1)

#edit-submit输入type =“submit”还是输入type =“button”?这是我将如何做...让输入一个类型=“提交”并使用以下内容:

$(document).ready(function(){     
  $({id of your form}).submit(function(){
    if($("#field-huima-0-value").val() == '' && $(".link-field .form-text").val() =='') {
      alert("you must at least enter one value!");
      return false;
    } else return true;
  });

});

试一试,看看它是否适合你。

答案 1 :(得分:1)

不应该与您尝试做的事情有任何问题,虽然听起来好像是在混淆您的事件处理程序。

您有两种选择......

选项1
edit-submit选择器更改为表单的选择器,并使用submitExample

$("#myForm").submit(function() {
    if ($("#field-huima-0-value").val() === '' 
        && $(".link-field .form-text").val() === '') {

        alert("you must at least enter one value!");
        return false;
    }
});

选项2
保持原样(使用按钮和click事件)并明确调用表单的submit函数:Example

$("#edit-submit").click(function() {
    if ($("#field-huima-0-value").val() === '' 
        && $(".link-field .form-text").val() === '') {

        alert("you must at least enter one value!");
        return false;
    }
    $("#myForm").submit();
});

编辑:如果您的按钮有type="submit",则无需明确提交表单。 Example