jquery验证和更改div内容

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

据我了解您的问题，我认为您想要的是在单击按钮时同时执行这两项任务。所以这里有一些示例代码，假设这是你想要的。如果您有任何疑问，请询问。而且我在代码末尾添加了使用 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);
        }

Answer 2

我认为问题出在您的语法上。您必须在加载方法中指定一个文件 URL，如下所示：

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

您可以查看load documentation。