jquery - 如果字段为空，则阻止使用 jquery ujs 提交表单

Question

我有一个使用 data-remote => true 提交的表单。

该表单有一个字段，即文本区域。我想在文本区域长度为 0 时阻止提交表单，并且仅在长度为 GT 1 时允许提交表单。

如何以 Rails 3、jquery ujs 友好的方式绑定(bind)到表单。我尝试了以下操作，但这并没有停止表单提交:

 $('#new_feedback').bind('ajax:before', function() {
      e.preventDefault();
 } );

谢谢

Answer 1

您可以直接绑定(bind)到表单本身。这样，您可以在提交表单时检查所需的字段以及您可能想要检查的任何其他字段。 return false 会取消表单提交。

$('#myform').submit(function()
{
   if($('#fieldtocheck').val().length < 1)
   {
      return false;
   }
});