Question

我在html页面的内容中有姓名，电子邮件。我必须点击继续按钮验证它。并且内容div中的内容也必须改变。如何在单击“继续”按钮时执行这两项操作。帮我提一些建议。谢谢。我正在使用以下代码更改div内容。

<script>
$(document).ready(function () {
    $("#button").click(function () {
        $("#content").load("<?php echo base_url().'survey/categories' ?>");
    });
});
$(document).ready(function () {
    $("#button1").click(function () {
        $("#content").load("<?php echo base_url().'survey/budget_overview' ?>");
    });
});
</script>

Answer 1

我认为问题在于你的语法。您必须在load方法中指定文件URL，如下所示：

$(document).ready(function(){
    $("form").submit(function(){
        $("#content").load("myfile.php");
        return false;
    });
});

您可以查看load documentation。

Answer 2

据我了解你的问题，我认为你想要的是点击按钮同时完成这两项任务。所以这里是一些示例代码，假设这是你想要的。如果你有任何疑问，请问。我在代码末尾的JavaSript中添加了使用RegExp作为函数的示例电子邮件验证。获取想法，希望这对您有帮助， //

$(document).ready(function() {

    //Button1 Click
    $("button").click(function(){

        //initialize inputs here
        var email =$("#email").val;
        var input1=$("#input1").val;
        //Validate Inputs Here
        if(IsEmail(email)==true && input1!=""){

            return true
        }
        else{

            return false;
        }

        //Loading the first content after validating inputs 
        $("#content").load("<?php echo base_url().'survey/categories' ?>");     

        //To Trigger the other button   
        $('#button1').trigger('click');

        });

        //Button1 Trigger Will fire Click event 
        $("#button1").click(function () {
        $("#content").load("<?php echo base_url().'survey/budget_overview' ?>");
    });
});


    //Email Validation In JavaScript
    function IsEmail(email) {
          var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
          return regex.test(email);
        }

jquery验证和更改div内容

2 个答案: