产品验证表单jquery
Product validation form jquery
我有困难得到得到我的形式工作。我让它部分工作。需要填写的字段在未填写时显示为红色。问题是,即使填好了,它们仍然是红色的。我需要添加一个模糊处理程序,但我不知道在哪里。下面是代码。理想情况下,我喜欢能够一旦他们填写页面移动到下一个输入字段,但我想这可能太复杂了。下面是代码
initValidation: function () {
var showError = function (message) {
$('<div>').html($('#templateErrorMessage').render({
message: message
})).children().prependTo(document.body);
};
$(document.body).on('submit', 'form', function (e) {
var form = $(this);
var inputs = form.find(':input:visible, .custom-select:visible select').filter('.required-entry');
var isValid = true;
inputs.each(function (i, input) {
input = $(input);
var value = $.trim(input.val());
input.closest('.form-row').toggleClass('has-error', !value);
/// $(input).blur ();
input.blur( function() {
if (isValid)
prompt.removeClass('has-error', !value);
});
isValid = isValid && !!value;
});
if (!isValid) {
e.preventDefault();
showError('Please fill in required fields!');
scrollTo(0, 0);
}
});
}
我是这样解决的
initValidation: function () {
var showError = function (message) {
$('<div>').html($('#templateErrorMessage').render({
message: message
})).children().prependTo(document.body);
};
$(document.body).on('submit', 'form', function (e) {
var form = $(this);
var inputs = form.find(':input:visible, .custom-select:visible select').filter('.required-entry');
var isValid = true;
inputs.each(function (i, input) {
input = $(input);
var value = $.trim(input.val());
input.closest('.form-row').toggleClass('has-error', !value);
input.one('focus change', function () {
input.closest('.form-row').removeClass('has-error');
});
isValid = isValid && !!value;
});
if (!isValid) {
e.preventDefault();
showError('Please fill in required fields!');
scrollTo(0, 0);
}
});
}
相关文章:
- jQuery表单添加不适用于下拉列表
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- Ajax在JQuery表单插件中不起作用
- jQuery表单验证适用于Mozilla和Internet Explorer,但不适用于Chrome或Safari
- jQuery表单,存在检查
- setTimeOut AFTER jQuery表单提交
- jquery表单验证复选框错误显示
- jQuery表单验证(如果==“执行此操作”)仅适用于第一次输入
- jquery表单提交无法使用多个输入(IE和Firefox)
- Jquery表单提交仍在刷新
- 如何触发我的 jquery 表单提交
- jQuery 表单插件:XMLHttpRequest 无法加载 http://www...没有“访问控制允许来源”
- jQuery表单验证和提交问题
- jquery表单和图像提交
- jQuery表单和Json问题
- Jquery表单插件未显示成功功能
- JavaScript/JQuery表单验证运行两次
- jQuery表单在就绪/加载时不起作用
- 停止jQuery表单验证重置由其他JavaScript填充的typeahead.js输入字段
- jQuery表单验证器:需要提交两次