javascript问题

manrao0624

于 2017-01-02 10:42:05 发布

阅读量233

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/manrao0624/article/details/53976340

本文介绍了如何使用 jQuery 的 Tabs 控件实现标签页效果，并详细解释了如何通过点击按钮来切换不同的标签页，同时展示了如何在切换前进行必要的表单验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >



$(function() {

		$("#tabs").tabs({

			active:0,

			disabled:[1,2]

		});		

		$('.next').click(function(){

			switch(parseInt($(this).attr('index'))){

				case 1: step1();break;	

			}

			$("#tabs").tabs('disable',+$(this).attr('index')-1);

			$("#tabs").tabs('enable',+$(this).attr('index'));

			$("#tabs").tabs("option", "active" ,+$(this).attr('index'));						

		});

		

		$('.prev').click(function(){

			$("#tabs").tabs('disable',$(this).attr('index')-1);

			$("#tabs").tabs('enable',$(this).attr('index')-2);

			$("#tabs").tabs("option", "active" ,$(this).attr('index')-2);						

		});

	});

	

	function step1(){

		if($("#scheduleName").val()==''){

			alert("档期名称不能为空!");

			$("#scheduleName").focus();

			return false;//为何这句没有执行？

		}

		$.post('saveData.asp',{act:'addSchedule'

		,ScheduleName:$("#scheduleName").val()

		,startDate:$("#startDate").val()

		,endDate:$("#endDate").val()

		,pic:$("#pic").val()

		,memo:$("#memo").val()

		,rnd:new Date().getTime()},function(msg){alert(msg);//为何alert,浏览器无反应？});

	}