表格提交问题在我的页面

Form submit issues on my page

本文关键字:我的 提交 问题 表格      更新时间:2023-09-26

我正在一个表单上工作,但我想停止表单,如果四个输入的长度是0,但我所拥有的是表单在它调用e.p 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;
                        });*/
                    };
                });

使用submit事件

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

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