jquery - 使用jquery检查哪个表单完成，然后使用一键提交

Question

我有两种形式分别向不同的 api 发出请求。我想要实现的是让 jquery 检查哪个表单已完成，然后提交相关表单。每个请求都通过其特定的控制器。表格是这样的

<div class="container margin50">
<div class="row">
<div class="span6 offset3 cf formBackground">
<h1>CoverArt Finder</h1>

<h3>Search Movies</h3>
<%= form_tag main_results_path, :method => "get" %>
<%= text_field_tag 'search', nil, :placeholder => 'Enter Film Name Here.....' %>

<h1>OR<h1>

<h3>Search Albums</h3>
<%= form_tag album_album_results_path, :method => "get" %>
<%= text_field_tag 'search', nil, :placeholder => 'Enter Artist Name here.....' %>
<%= submit_tag "search" %>

我对 Jquery 比较陌生，但已将此作为一种可能的解决方案

on submitButton click:

if formA.someValue != null
post / submit formA
else if formB.someValue != null
post / submit formB

唯一的问题是我不确定如何将其转换为 Jquery 以及如何使其与 Rails 表单一起使用..

谁能提供一些建议或解决方案

谢谢

Answer 1

您可以使用 jquery 验证插件

$(document).ready(function(){  
    $("form").validate();

    $("form").submit(function(e){
    e.preventDefault();
        if($(this).valid()){
            alert("form is valid");
        }        
        else{
                    alert("form is invalid");
        }
    });
});

这是演示http://jsfiddle.net/BcRfj/