首页 > 代码库 > 判断form表单每个input字段是否有内容
判断form表单每个input字段是否有内容
//input失去焦点时判断是否有值 若没有 则不能点击保存 function Input_verification() {//input的内容 var input_val = null; //是否能够点击保存 var canClick = false; this.init = function (fo, btn) { //input列表 fo.input = []; //表单下的input var input_text = fo.find(‘input[type="text"]‘); var input_number = fo.find(‘input[type="number"]‘); var input_password = fo.find(‘input[type="password"]‘); var input_email = fo.find(‘input[type="email"]‘); var input_search = fo.find(‘input[type="search"]‘); var input_tel = fo.find(‘input[type="tel"]‘); var input_url = fo.find(‘input[type="url"]‘); var input_date = fo.find(‘input[type="date"]‘); var input_datetime = fo.find(‘input[type="datetime"]‘); var input_datetime_local = fo.find(‘input[type="datetime-local"]‘); var input_month = fo.find(‘input[type="month"]‘); var input_week = fo.find(‘input[type="week"]‘); var input_time = fo.find(‘input[type="time"]‘); var input_textarea = fo.find(‘textarea‘); inp_arr(fo, input_text); inp_arr(fo, input_textarea); inp_arr(fo, input_number); inp_arr(fo, input_password); inp_arr(fo, input_email); inp_arr(fo, input_search); inp_arr(fo, input_tel); inp_arr(fo, input_url); inp_arr(fo, input_date); inp_arr(fo, input_datetime); inp_arr(fo, input_datetime_local); inp_arr(fo, input_month); inp_arr(fo, input_week); inp_arr(fo, input_time); inp_blur(fo.input); btn_click(btn, fo.input); }; //把每个input放入数组 var inp_arr = function (fo, input_a) { for (var o = 0; o < input_a.length; o++) { fo.input.push(input_a[o]); } }; //给每个元素绑定失去焦点事件 var inp_blur = function (inp) { for (var i = 0; i < inp.length; i++) { $(inp[i]).blur(function () { input_val = $(this).val(); //值为空提示信息 if (input_val == ‘‘) { $(this).attr(‘placeholder‘, ‘内容不能为空‘).prev(‘i‘).css(‘color‘, ‘red‘); } else { $(this).prev(‘i‘).css(‘color‘, ‘#e6e6e6‘) } }) } }; //给每个提交按钮绑定点击事件 var btn_click = function (btn, inp) { btn.click(function () { //循环整个表单是否有input值为空 for (var k = 0; k < inp.length; k++) { if (inp[k].value =http://www.mamicode.com/= ‘‘) { canClick = false; break; } else { canClick = true; } } //若值都不为空,开放保存按钮点击权限 if (canClick) { btn.parent().removeClass(‘form_btn_1‘).children(‘button‘).addClass(‘btn_top‘).siblings(‘div‘).css(‘display‘, ‘block‘); } else { console.log(‘can not‘) } }) }; } var form_input = new Input_verification(); var form1 = $(‘#form1‘); var btn1 = form1.children(‘.form_btn‘).children(‘button‘); form_input.init(form1, btn1);
判断form表单每个input字段是否有内容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。