登录 注册 易寻首页

易U QQ群:248861958

易U升级版 G 方法更丰富,调用更简单;欢迎使用!

易U

12KB让你:
验证表单不需要写一个js; 美化浏览器的各种提示;
ajax、移动|创建|删除元素、js读写cookies、无刷新上传图片……

常见问题

• 怎么调用易U

<!DOCTYPE HTML><html><head>
<title>易U</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--
在 head 内加入
<link href="./yu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./yu.js"></script>
-->
<link href="./yu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./yu.js"></script>
</head>

• 怎么初始化?

<script type="text/javascript">
/*
 在body结束标签前加入 F.st();
*/
F.st();//自动验证页面内的所有表单
</script>
</body>
</html>

• 怎么设置alert提示的显示时间?

<script type="text/javascript">
	/*第二个可选参数是设置提示显示时间,单位是毫秒,默认是2000。如显示6秒设置如下*/
	ui.alert('提示内容',6000);
</script>

• 如可去掉success后面的遮蔽层?

<script type="text/javascript">
	/*第三个可选参数控制是否有遮蔽层,默认是true。如显无遮蔽层成功提示*/
	ui.success('保存成功!',2000,false);
</script>

• 怎么设置弹出窗口的大小?

<script type="text/javascript">
/* 第六个可选参数数组格式,控制窗口的宽度高度 [宽度,高度],默认是自动auto。如宽500px,高度100px*/
ui.box('窗口标题','<p>这里是内容<p>','',true,false,[500,100]);

// 高自动 宽300
ui.box('窗口标题','<p>这里是内容<p>','',true,false,[300,false]);

// 宽自动 高500
ui.box('窗口标题','<p>这里是内容<p>','',true,false,[false,500]);
</script>

• 当移动元素的css属性为 position:fixed 怎么设置移动?

<div>
	<h1 id="movv">顶顶顶顶顶顶</h1>
    <p>内容内容内容内容<br>内容内容内容内容<br>内容内容内容内容<br>内容内容内容内容<br></p>
</div>
<script type="text/javascript">
/*
 第三个可选参数控制当滚动条滚动是静止还是根据滚动条滚动即 absolute  或者 fixed ,默认是 absolute 
 如:当滚动条滚动时 移动层 静止
 注意:ie6以下浏览器不支持 fixed;
*/
ui.move('movv',false,'fixed');

//移动层随滚动条滚动
ui.move('movv');
</script>

• 怎么关闭ui.box弹出的窗口?

<div id="ssss">
	<p>内容内容内容<br>内容内容内容<br>内容内容内容<br>内容内容内容<br>内容内容内容<br></p>
    <p><a href="javascript:;" onClick="this.parentNode.parentNode.parentNode.children[2].onclick();">关闭窗口</a> <input type="button"  value="点这里也关闭" onclick="B.close();"></p>
</div>
<script type="text/javascript">
/*
 找到关闭按钮节点 调用 onclick(); 就关闭窗口
 或者 调用创建窗口的close() 方法
*/
B=ui.box('弹出窗口标题',A.$('ssss'));
</script>

• 表单必填项怎么设置验证?

<!--
	req="true" 表示用户名为必填项,当用户名为空是提示为:
	提示语默认是 元素的父级的上一个元素的内容。下面的提示为 用户名不能为空;
	自定义提示提示信息看 属性ts
-->
<form action="" method="post">
<table>
	<tr><td>用户名:</td><td><input type="text" req="true"></td></tr>
	<tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>
</form>

• 怎么设置验证指定格式的表单内容?

<!--
exp="这里填写正则表达式" 表示当内容不为空时,用正则表达式验证当前元素里面的内容
如:必填 邮箱格式 自定义提示语
-->
<form action="javascript:;" method="post">
<table>
	<tr><td>email:</td><td><input type="text" ts="邮箱格式不正确" req="true" exp="^[\w\-_\.]+@[\w\-]+(\.[a-zA-Z]{2,6}){1,2}$"></td></tr>
    <tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>

京ICP备12040723号 关于易寻 联系我们 手机版