jquery ---验证表格

时间:2011-01-08 06:27:56

标签: jquery

html代码:

<labelName</label>
  <input type="text" name="name" id="name" size="30" value="" class="text-input" />
  <label class="error" for="name" id="name_error">This field is required.</label>

js代码:

               var name = $("input#name").val();
    if (name == "") {
    $("label#name_error").show();
    $("input#name").focus();
    return false;
  }

为什么使用return false;?我可以使用退出吗?谢谢。

3 个答案:

答案 0 :(得分:1)

假设您的验证代码是在onSubmit事件链上调用的,例如在

$('form').onSubmit(function(event) {
  // do validation
  return false;
}

return false用于阻止表单提交继续。没有它,表单提交将继续,并将加载操作页面。

除了“return false;”,你还可以添加“event.preventDefault();”阻止表单提交。

在其他情况下也可以使用相同的方法。例如,如果要阻止链接中的单击事件(默认情况下会加载href上指定的页面),您可以执行以下操作:

$('a').click(function(event) {
  event.preventDefault();
  return false;
}

答案 1 :(得分:0)

当您return false时,您实际上是在阻止默认行为(在这种情况下是提交)。

答案 2 :(得分:0)

因为javascript中没有exit