JQUERY做的省市管理系统

--------------Msg.js------------------
/*
---By:秦迷
---Date:2009-03-12
*/
$=function(o){return typeof(o)=="string"?document.getElementById(o):o};
String.prototype.Trim = function(){return this.replace(/(^/s*)|(/s*$)/ig,"");}
function Add(str){
switch(str){
case "P":
    var PText=$("TextBox1").value.Trim();
    var flag=true;
    for(var i=0;i<$("ListBox1").length;i++){
    if(PText==$("ListBox1").options[i].text){
    flag=false;
    }
    }
    if (PText==""){
    alert("请输入省的名称!");
    return false;
    }
    else if(!flag){
    alert("此省已输入,请另外选择!");
    return false;
    }
    break;
case "C":
    var CText=$("TextBox2").value.Trim();
    var flag=true;
    for(var i=0;i<$("ListBox2").length;i++){
    if(CText==$("ListBox2").options[i].text){
    flag=false;
    }
    }
    var i=$("ListBox1").selectedIndex;
    if(i<0){
    alert("请先选择省再添加市!");
    return false;
    }
    else if(CText==""){
    alert("请输入市的名称!");
    return false;
    }
    else if(!flag){
    alert("此市已输入,请另外选择!");
    return false;
    }
    break;
    }
}
function Edit(str){
switch(str){
case "P":
    var PText=$("TextBox1").value.Trim();
    var flag=true;
    for(var i=0;i<$("ListBox1").length;i++){
    if(PText==$("ListBox1").options[i].text){
    flag=false;
    }
    }
    if($("ListBox1").selectedIndex<0){
    alert("请选择需要编辑的省!");
    return false;
    }
    else if (PText==""){
    alert("省的名称不能为空!");
    return false;
    }
    else if(!flag){
    alert("此省已存在,不能编辑!");
    return false;
    }
    break;
case "C":
    var CText=$("TextBox2").value.Trim();
    var flag=true;
    for(var i=0;i<$("ListBox2").length;i++){
    if(CText==$("ListBox2").options[i].text){
    flag=false;
    }
    }
    if($("ListBox2").selectedIndex<0){
    alert("请选择需要编辑的市!");
    return false;
    }
    else if(CText==""){
    alert("市的名称不能为空!");
    return false;
    }
    else if(!flag){
    alert("此市已存在,不能编辑!");
    return false;
    }
    break;
    }
}
function Del(str){
switch(str){
case "P":
    if($("ListBox1").selectedIndex<0){
    alert("请选择需要删除的省!");
    return false;
    }
    else if($("ListBox2").length>0){
    alert("请先删除市再删除省!");
    return false;
    }
    break;
case "C":
    if($("ListBox2").selectedIndex<0){
    alert("请选择需要删除的市!");
    return false;
    }
    break;
    }
}

--------------mycss.css--------------
body {font-size:14px;}
.pcdiv{margin: 0 auto; width: 350px; padding: 4px; text-align: center; border: solid 1px #ccc;}
.lbox{ width:150px; height:300px;}
.txt{ width:150px; border:solid 1px #ccc}
.btn{border:0; background:#0080C0; color:#FFFFFF;width:80px; height:25px;}
.boline{border-bottom: solid 1px #ccc;}

 

 

出处:http://www.rczjp.cn/HTML/090311/20093611093612.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery UI标准后台页面演示系统说明 系统的设计目的 我B/S软件开发,基本上还是采用原型法的--嗯,好吧,可能原型法还是往自己脸上贴金了。俗一点说吧,就是和客户定一个尽可能详细的功能描述文档,然后按文档写完程序,再回交给客户演示,客户观看演示后会提出很多意见,再按这些意见修改,然后再演示,如此循环往复,直至交稿。与最初的演示稿相比,最后的完成稿出入很大,大量的工作,其实都是浪费的。我就想,能不能以后先一个快速生成的演示系统,用户确认后再真正制作程序呢?于是就有了这个演示系统的产生。 作为系统的第一个版本,这个系统功能比较简单。我之前的设想,是用zend framework框架设计一个接近CMS功能的后台,统一用户管理、文章发布等常用功能,但这么一来,系统的适用范围就小了。所以,先一套极简易的小架构,即使没有学过PHP的.net/java程序员,应该也能很容易看懂并上手使用,甚至把它改成其它语言的版本。 目前的这个版本,最值得推荐的功能在于,jQuery代码是一次载入的,使用这套系统进行开发,程序员可以完全不懂jQuery,而仍能享用jQuery的种种便利。 0.1版系统特点介绍 • 集成了jQuery UI的风琴盒、页标签特效、ajaxForm表单递交和validate表单验证功能,无需程序员学习这些功能,按常规方式编程即可自动调用。 • 保持了与jqueryui的完全兼容,可以自行前往www.jqueryui.com网站下载更多酷炫界面风格,甚至自定义风格 • 涉及的PHP代码极少且足够建议,非PHP程序员也能使用 • 对系统要求非常低,只要普通PHP程序能够运行即可 系统实际使用步骤 1. 复制(解压)文件夹到网站测试文档根目录(apache系统下一般是htdocs),即可直接访问 2. 修改config.php文件中的数组,即可快速生成界面结构 3. config.php中的$tabs数组就是页面标签内容,其中的url可自行指定或新建文件,文件格式可以参照admin.php、helper.php等文件 4. 如果$tab中url指向的文件中需要包含表单,按常规写法即可,无需特殊代码即可自动以ajax方式递交 5. 如果表单需要ajax方式验证,可以给相应的表单项添加class,可参见systemsetting.php和address.php文件,也可自行网上搜索和阅读jquery.validate.js的帮助文档 6. 演示中的项目,只有核心系统下的后台首页和系统设置有效,其它都只是点缀
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值