ajaxForm笔记

jQuery表单操作与状态切换

最新推荐文章于 2025-09-09 08:37:13 发布

weixin_34362875

最新推荐文章于 2025-09-09 08:37:13 发布

阅读量52

点赞数

文章标签： javascript ViewUI

本文介绍了一个使用jQuery实现的表单操作案例，其中包括表单的状态显示与隐藏、图片切换来更新表单状态以及使用AJAX进行表单提交等功能。通过具体的JavaScript代码实现了表单验证后的结果显示、表单元素属性的动态更改以及异步数据提交。

<script src="Scripts/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        if ($("#hfResult").val() == "OK")
            $(".let-top").show();
        else
            $(".let-top").hide();

        $("#form1").ajaxForm();
    })

    function zyz(key) {
        var src = $(key).attr("src");
        if (src == "/images/4.png") {
            $(key).attr("src", "/images/5.png");
            $("#iszyz").val("N");
        }
        else {
            $(key).attr("src", "/images/4.png");
            $("#iszyz").val("Y");
        }
    }

    function save() {
        $("body").showLoading();
        $("#form1").ajaxSubmit(function (e) {
            $("body").hideLoading();
            if (e == 'OK') {
                alert("保存成功！");
            } else {
                alert(e);
            }
        })
    }

    function next() {
        //if (!confirm("确定信息无误吗？")) {
        //    return;
        //}
        window.location.href = 'Code.aspx';
    }
</script>