这些天看了下廖雪峰的js教程 学习了扩展方法 然后自己就脑残的写了一个 写完觉得智商是硬伤 越整越麻烦 ,贴出代码让小伙伴们指出可以改进的地方 以免越陷越远。
附上链接地址:廖雪峰
本来自己的期许是做一个 检查非空的 判断
//这里是检查方法
function check() {
var bool = $("#txtID").Checknull()["result"];
$("#txtPassword").Checknull();
return bool;
}
//扩展方法
$.fn.Checknull = function () {
var bool;
var p = $(this).parent();//根据this找到父级div
if ($(this).val() == "") {
bool = false;
} else
{
bool = true;
}
if (!bool)
{
alert(p.text().trim() + '处:不能为空;');
}
var list = {dom:this,result:bool}; //有两个返回值 所以用了一个对象
return list;
}
下面就是页面了 因为是练手的就在原来的东西上直接加的 没有纯HTML 而是加上用的web窗体页面
“`
用户登陆
<div class="form_row">
<label for="U_Password">
请输入密码</label>
<asp:TextBox ID="txtPassword" runat="server" placeholder="请输入密码" data-required="required"></asp:TextBox>
</div>
</div>
<div class="login-btn-set">
<asp:ImageButton ID="ibLogin" runat="server"
ImageUrl="~/image/login/login_btn.png" onclick="ibLogin_Click" OnClientClick="return check()" />
</div> ```
导致的结果是事与愿违 原本检查一个非空只需要判断一次 现在就需要判断那两次 只是变成动态了 不用到方法里面传参数判断。
虽然觉得非空验证写成扩展方法没什么大的用处(还是功力不够 ,只能这么说了 不要见怪),但是作为一个小菜鸟不就是啥都试一下么,撞墙了 知道疼了 觉得实际用处不大也就知道了。
讲个点菜时间的事 :某日在新川菜馆里面点菜 一道 –隐形的翅膀–映入眼帘 在想到底是有鸡翅还是没鸡翅呢? 遂自己就点了一份 然后服务生把这道菜摆在了桌子上面 真想爆粗口
你把鸡翅藏在辣子里面 就算隐形了?还是个折翼的天使 好歹你倒是给一对啊!!!