表单在我的页面上提交问题

Question

我正在处理一个表单，但是如果四个输入的长度为0，我想停止表单，但我所拥有的是表单在调用e.preventDefault（）之前提交。在提交之前我该怎么做才能获得表单输入。

$('#job_in').click(function()
             //form1.submit(function(e) // testing the form input 
             {
                form1_name=$("input[data='form1_name']");
                form1_email=$("input[data='form1_email']");
                form1_pass=$("input[data='form1_pass']");
                form1_sex=$("select[data='form1_sex']");
                form1_cname=$("input[data='form1_cname']");
                form1_checkbox=$("input[data='form1_checkbox']");

                ceo_inputs_dis=[/* 0 */form1_name,/* 1 */form1_email, /* 2 */form1_pass,
                        /* 3 */form1_sex, /* 4 */form1_cname];

                 ceo_inputs_dis1=ceo_inputs_dis[0];
                 ceo_inputs_dis2=ceo_inputs_dis[1];
                 ceo_inputs_dis3=ceo_inputs_dis[2];
                 ceo_inputs_dis4=ceo_inputs_dis[3];
                 ceo_inputs_dis5=ceo_inputs_dis[4];

                 ceo_inputs_dis1=ceo_inputs_dis1.val().length;
                 ceo_inputs_dis2=ceo_inputs_dis2.val().length;
                 ceo_inputs_dis3=ceo_inputs_dis3.val().length;
                 ceo_inputs_dis4=ceo_inputs_dis4.val().length;
                 ceo_inputs_dis5=ceo_inputs_dis5.val().length;

                 /* do the check for name input */

                 if ( (ceo_inputs_dis1 == 0) || (ceo_inputs_dis2 == 0) ||
                      (ceo_inputs_dis3 == 0) || (ceo_inputs_dis4 == 0) ||
                      (ceo_inputs_dis5 == 0)
                    ) 
                    {
                        //<h6 id="alertmsg">All fields are important!</h6>
                        $('#alertmsg').text("Please all the four fields are empty");

                        /* disable the form */
                        forms=$('form');
                        form1=forms[0];

                        e.preventDefault();
                        /*form1.submit(function (e) 
                        {
                          //e.preventDefault(); 
                          return false;
                        });*/



                        /*form1.submit(function()
                        {
                            return false;
                        });*/
                    };
                });

Answer 1

使用submit事件。

$('#job_in').submit(function() {
   ...
})

或将<button type="submit">Submit</button>更改为<button type="button">Submit</button>。并在点击事件form1.submit()。