Question

（现在格式正确）.... 我的表格如下：

<form style="padding:10px" id="myform" action="http://localhost/web/donedetails" method="post">
    <div class="row half no-collapse-1">
     <div class="6u">
        <label><em>*</em> Your Name:</label>
          <input type="text" name="name" id="name" placeholder="Name" />
    </div>
    <div class="6u">
           <label><em>*</em> Your Email:</label>
          <input type="text" name="email" id="email" placeholder="Email" />
    </div>
    </div>
   <button type="submit" class="rate" id="submit">Submit</button>
</form>

我正在验证表格如下：

   $(document).ready(function(){                                                                 
  $('#name,#email').keyup(function(){
        if($('#name').val().length !=0){
            $("#name").css("border-color","#CCC");
        }
        if($('#email').val().length !=0){
            $("#email").css("border-color","#CCC");
        }
    });
    $('#submit').click(function(){
        var name = $('#name').val();
        var email = $('#email').val();
        if( name.length == 0){
            $('#name').css("border-color","red");
            }
        if( email.length == 0){
            $('#email').css("border-color","red");
        }
        if(name.length != 0 && email.length != 0 ){
            $("#myform").submit();
            return true;
        }
        return false;
    });
});

提交时，表单不会转到donedetails页面。点击submit后，将再次返回我当前的相同页面。

注意：donedetails是一个php页面，我已经写完了详细信息，因为我禁止直接.php访问文件。

请帮忙解决它

Answer 1

好的，而不是使评论复杂化。让我用我建议的代码更改发布答案。

$(document).ready(function(){                                                                 
  $('#name,#email').keyup(function(){
        if($('#name').val().length !=0){
            $("#name").css("border-color","#CCC");
        }
        if($('#email').val().length !=0){
            $("#email").css("border-color","#CCC");
        }
    });

    $('#myform').submit(function(){
        var name = $('#name').val();
        var email = $('#email').val();
        if(!name ){ // this is enough to check empty string, undefined etc.
            $('#name').css("border-color","red");
        }
        if( !email ){
            $('#email').css("border-color","red");
        }
        if(name && email){
         return;
        }
        return false;
    });
});

Answer 2

我认为你必须为动作脚本添加一个文件扩展名，因为它决定了在服务器端选择哪个处理程序。

Answer 3

我想出了问题......它只是让我发疯了:) ....我的代码如何工作。

问题是有两个form标签..但我错过了关闭第一个form标签..

所以按钮只提交了第一个form空白操作，这是真的:)

最后，调试代码并解决了问题.... pheww ....只是一个小错误而且影响很大

表单不提交php和jquery

3 个答案: