FullScreenForm验证每个输入的填充
FullScreenForm validation every input filled
我想让这个表单在我的网站上工作:http://tympanus.net/Development/FullscreenForm/
我的目标是在提交时验证每个输入,并在有错误时显示错误。
为此,我已经对每个验证进行了ajax调用,以检查是否存在错误。(后端已经准备好了)
但是我遇到了两个问题:它是异步调用,所以它不会进入流,它在ajax调用完成之前进行验证。
其次,当我在数据上有错误并试图启动this._showError(error)时,它说它不是一个函数。
我怎样才能到达这个。
代码如下:
FForm.prototype._validade = function() {
var fld = this.fields[this.current],
input = fld.querySelector( 'input' ) || fld.querySelector( 'textarea' ) || fld.querySelector( 'select' ),
error,
data = {'form_class': this.form_class, 'field': fld.querySelector('input').name, 'data': fld.querySelector('input').value};
$(input).prop('disabled', true)
$.ajax({
type: "POST",
url: '/core/validate_field',
data: data,
dataType:'json',
}).done(function(data){
if (data['status'] === 'error') {
error = data['message'];
this._showError( error );
return false;
}
$(input).prop('disabled', false);
}
)
if( error != undefined ) {
this._showError( error );
return false;
}
return true;
}
// TODO
FForm.prototype._showError = function( message ) {
this.msgError.innerHTML = message;
this._showCtrl( this.msgError );
}
这是回答我所做的问题的代码
FForm.prototype._validade = function() {
var fld = this.fields[this.current],
input = fld.querySelector( 'input' ) || fld.querySelector( 'textarea' ) || fld.querySelector( 'select' ),
error,
data = {'form_class': this.form_class, 'field': fld.querySelector('input').name, 'data': fld.querySelector('input').value},
$this = this;
$.ajax({
type: "POST",
url: '/core/validate_field',
data: data,
dataType:'json',
}).done(function(data){
if (data['status'] === 'error') {
error = data['message'];
$this._showError( error );
return false;
}
return true;
}
)
}
如果你有任何建议,欢迎。
相关文章:
- 从确认框中预填充输入文本框
- 点击填充输入的按钮&提交
- 如何自动填充输入文本框值以与名称相同
- 使用 JSON 数组填充输入字段
- 使用 Jquery 在 SharePoint 2007 上自动填充输入文本
- 如何使用Javascript填充输入文本字段
- IE JavaScript参数和填充输入字段
- 使用其他输入值自动填充输入
- 在表单提交中填充输入字段
- AngularJS-用下拉菜单填充输入文本字段
- 如何使用选中的复选框文本自动填充输入文本字段
- 如果选择'其他'然后填充输入字段
- casperjs根据他的xpath填充输入
- Shiny中未读取的自动填充输入
- Javascript复选框填充输入并将不同的值传递给表单
- 壁虎浏览器不会在加载时填充输入
- 用网址图像填充输入
- 单击用文本填充输入框
- 如何使用 Javascript 动态加载 iFrame 源代码和自动填充输入表单
- 如何用数据库中的值填充输入文本字段 单击复选框