‹‹ 上一主题 | 下一主题 ››
发新话题
打印

有无更好和解决方法

本主题由 Hex 于 2008-4-10 17:08 合并
zzdboy

注册会员

Rank: 2

积分
113 
威望
0  
CI版本
 
楼主 大 中 小 发表于 2008-4-10 16:43  只看该作者

有无更好和解决方法

我主要想js 和 页面也分离开

<html>
<head>
<title>增加</title>
<script src="<?php echo base_url()?>script/jquery.js"></script>
<script src="<?php echo base_url()?>script/common.js"></script>
<script>
$(function(){
$("#but").click(function(){
  if($("#UserName").val()=='')
  {
   alert('请输入姓名!');
  }
  else if ($("#PassWord").val()=='')
  {
   alert('请输入密码!');
  }
  else if($("#Age").val()=='')
  {
   alert('请输入年龄!');
  }
  else
  {
   $.post("<?=$base_url?>Blog/Add",
     {UserName: $("#UserName").val(), PassWord: $("#PassWord").val(), Age: $("#Age").val()},
     function(data){
      if(data>0){
       alert('数据已提交!');
       window.location.href="<?=$base_url?>";
      }
     }
      );
  }
});
})
</script>
</head>
<body>
<form  id="save" action="<?=$base_url?>Blog/Add" method="POST">
姓名:<input type="text" name="UserName" id="UserName" val

TOP

zzdboy

注册会员

Rank: 2

积分
113 
威望
0  
CI版本
 
2楼 大 中 小 发表于 2008-4-10 16:56  只看该作者

有没有更好的写法

我主要想实现页码 和js代码完全分离

<html>
<head>
<title>增加</title>
<script src="<?php echo base_url()?>script/jquery.js"></script>
<script src="<?php echo base_url()?>script/common.js"></script>
<script>
$(function(){
$("#but").click(function(){
  if($("#UserName").val()=='')
  {
   alert('请输入姓名!');
  }
  else if ($("#PassWord").val()=='')
  {
   alert('请输入密码!');
  }
  else if($("#Age").val()=='')
  {
   alert('请输入年龄!');
  }
  else
  {
   $.post("<?=$base_url?>Blog/Add",
     {UserName: $("#UserName").val(), PassWord: $("#PassWord").val(), Age: $("#Age").val()},
     function(data){
      if(data>0){
       alert('数据已提交!');
       window.location.href="<?=$base_url?>";
      }
     }
      );
  }
});
})
</script>
</head>
<body>
姓名:<input type="text" name="UserName" id="UserName" value=""><br />
密码:<input type="text" name="PassWor

TOP

Hex

Hex

管理员

Rank: 9Rank: 9Rank: 9

CodeIgniter 中国CEO

积分
12929 
威望
1361  
CI版本
1.6.3 
3楼 大 中 小 发表于 2008-4-10 17:09  只看该作者
JS 也要分离？那你的 DOM 怎么办？用 class 吗？
还真没想过 JS 也要分离，呵呵～～
QQ: 49489680
MSN: zhaochang_tj AT hotmail DOT com

TOP

kkito

高级会员

Rank: 4

积分
940 
威望
10  
CI版本
1.6.0 
4楼 大 中 小 发表于 2008-4-10 17:36  只看该作者
楼主是想要实现表单验证的功能吗？
validation的js很多，实现也比较简单
please google之

TOP

zzdboy

注册会员

Rank: 2

积分
113 
威望
0  
CI版本
 
5楼 大 中 小 发表于 2008-4-11 09:54  只看该作者
validation

不要,还是习惯自己用jquery写,谢谢:victory: :victory: :victory:

TOP

zzdboy

注册会员

Rank: 2

积分
113 
威望
0  
CI版本
 
6楼 大 中 小 发表于 2008-4-11 10:02  只看该作者
我主要想 js脚本不放在页面里,全部放在js文件里, 页面引入,这样不是看上去好多了,但现在用框架的的话
$.post("<?=$base_url?>Blog/Add",
     {UserName: $("#UserName").val(), PassWord: $("#PassWord").val(), Age: $("#Age").val()},

提交路径就得这样写,要在js脚本里混写php,感觉不好,有没有什么好写法:handshake :handshake (不想写死路径 http://www.zzd.com/Blog/Add/)

[ 本帖最后由 zzdboy 于 2008-4-11 10:06 编辑 ]

TOP

Hex

Hex

管理员

Rank: 9Rank: 9Rank: 9

CodeIgniter 中国CEO

积分
12929 
威望
1361  
CI版本
1.6.3 
7楼 大 中 小 发表于 2008-4-11 10:19  只看该作者
哦，你说的是这个意思啊，那我可以给你出一个主意，就是用 JS 变量。
也就是在 PHP 里动态生成 JS 变量的值，然后在 .js 文件里直接使用这个 JS 变量就可以了。
QQ: 49489680
MSN: zhaochang_tj AT hotmail DOT com

TOP

zzdboy

注册会员

Rank: 2

积分
113 
威望
0  
CI版本
 
8楼 大 中 小 发表于 2008-4-11 10:35  只看该作者
:victory: :victory:

<html>
<head>
<title>增加</title>
<script>var base_url = '<?=$base_url?>';</script>
<script src="<?php echo base_url()?>script/jquery.js"></script>
<script src="<?php echo base_url()?>script/common.js"></script>  //js验证
</head>

<body>
姓名:<input type="text" name="UserName" id="UserName" value=""><br />
密码:<input type="text" name="PassWord" id="PassWord" value=""><br />
年龄:<input type="text" name="Age" id="Age" value=""><br />
<input type="button" id="but" value="提交">
</body>
</html>

TOP

kkito

高级会员

Rank: 4

积分
940 
威望
10  
CI版本
1.6.0 
9楼 大 中 小 发表于 2008-4-11 11:22  只看该作者

回复 6楼 的帖子

我所说的validation大多都是基于prototype或者jquery的
也完全满足你提的要求
html中一点js都不用写

TOP

Hex

Hex

管理员

Rank: 9Rank: 9Rank: 9

CodeIgniter 中国CEO

积分
12929 
威望
1361  
CI版本
1.6.3 
10楼 大 中 小 发表于 2008-4-11 11:27  只看该作者
没错，有的验证js，只需要写 class 就行，根本不用写一行 js 代码。
QQ: 49489680
MSN: zhaochang_tj AT hotmail DOT com

TOP

kkito

高级会员

Rank: 4

积分
940 
威望
10  
CI版本
1.6.0 
11楼 大 中 小 发表于 2008-4-11 11:41  只看该作者
我潜心阅读过这个，就是用class来作为标志的
* Really easy field validation with Prototype
* http://tetlaw.id.au/view/javascript/really-easy-field-validation
* Andrew Tetlaw

实际实现起来也很简单，不过是base on prototype的

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题