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>