关于表单页面提交信息的判断


一开始提交按钮是disabled的, 我想让所有信息都符合条件了,按钮才可以点击.
输入框是失去焦点时判断的.
该怎么写状态标记flag?

$(function() {
    var flag = false;
    $('#txt1').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
    $('#txt2').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
    $('#txt3').blur(function() {
        if('不符合条件') {
            alert('提示');
        }
    });
})

$('#txt1').blur(function() {
   vali();
});
$('#txt2').blur(function() {
    vali();
});
$('#txt3').blur(function() {
    vali();
});
......

function vali(){
    var flag = true;
    
    if('不符合条件') {
        flag  = false;
    }
    
    if('不符合条件') {
        flag  = false;
    }
    
    ......
    
    if (flag){
        // 按钮可以点击了
    }

}

这太不优雅了。其实有很多不错的前端校验框架的,网上找找很多的。


$(function() {
    var flag = true;
    $('#txt1,#txt2,#txt3').blur(function() {
        check();
    });
    
    function check() {
        var flag = true;
        if('不符合条件1') {
            flag = false;
            alert('提示');
        }
        if('不符合条件2') {
            flag = false;
        }
        if('不符合条件3') {
            flag = false;
        }
        // 所有条件都满足 flag 还是true
        if (flag) {
            // do something
        }
    }
})

$(function() {
    $('#txt1, #txt2, #txt3').blur(checkAndDisable);
    function checkAndDisable(){
       // ...获取txt1,txt2,txt3的文本,检查,然后根据结果disable提交按钮
    }
})



相关阅读:
extjs3.2 panel组件能否添加focus和blur事件
如何将全局变量i变成函数的局部变量?
vue应用嵌在微信里 ,点击微信右上角的分享其中一个页面的链接 ,怎样让用户点开来就是当前页面呢?
AngularJS路由添加controller问题
PC端API和移动端API有什么不同吗?
pycharm 如何配置 python3 的开发环境?
vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?
vue.js2.0中set和get的问题
$.ajax 跨域 options
mysql 的IFNULL失效
webpack在安装的时候出现问题
使用websocket上传视频文件后无法播放
作用域链的问题?
angular.js高级程序设计书本开头配置环境出错,谁能给解答一下
样式和类样式区别
关于this在浏览器中的指向
在node.js里面可以使用window对象的方法吗
angularjs如何将字符串类型的时间格式化呢
bundle-loader解析import异于ES6 module
video标签怎么控制播放内容的宽高?



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 06年中考满分作文系列101?我从生活那里学到作文900字 充满记忆的菜园作文800字 读《我为歌狂》有感 我的台灯作文800字 工商所总结 祭扫烈士墓 《赤壁赋》说课稿2 命立就立 珍惜生命作文1100字 【精品】小学数学课题方案 老师谢谢你! 涐已經慢慢學會、作文200字 我的时间 作文500字 庆六一:王紫逸杭州游记作文1000字 大话西游作文800字 语文版七年级下册《包拯》教学设计(会员上传) 卑微的爱,以卑微的方式结束。 2016内部审计工作总结精品 我的爱感动了自己 那些年的第一次 保险公司理赔工作总结 我学会了滑旱冰作文600字 在梦中,我做成了“地震预报仪” 安全伴我行演讲稿 明白感恩这两个字的意义 我与花儿有个约会 Daddy`s“March8th”(爸爸的妇女节),Daddy`s“March8th”( 爱那么短,爱那么长 生日短信祝福语 祝你生日快乐,万事如意! 英文自我介绍 面试 粮食局 “六五”普法工作总结 我终于战胜了自己结尾 捉蝌蚪作文700字 朋友大乔 粗心的妈妈作文400字 母亲节感恩妈妈的话 初二议论文800字:狗的悲哀 闺阁(原创古诗) 古人不远 我最喜欢的历史人物 励志语录:时间,能给出一切答案 活着是为了什么作文1000字 2014年法学院学生田径比赛策划书_策划书 我为妈妈梳头650字 我县“十一五”时期财政发展战略思考 聚美优品陈欧广告词 花开花谢共婵娟 小学五年级作文450字:跟我们一样生命的牲畜 米莱经典语录大全 春雨中的乡间古镇 个性说说:若自己不做出一点样子,人家想拉你一把都不知你的手在哪里

Copyright © 2016 phpStudy |