在提交之前禁用空文本字段
Disable empty textfield before Submit
我的搜索表单中有11个文本字段。我想让用户搜索选择属性,剩下的空白。我想在单击"提交"按钮后禁用空文本字段。因为空字段会向我的WFS服务发送一个空字符串。有可能做到吗?
此外,如果没有填写任何字段,我想通知用户。
提前感谢
formPanel = new GeoExt.form.FormPanel({
ref: "formPanel",
title:"Wyszukiwarka",
collapsible: true,
width: 150,
region: "west",
protocol: protocol,
buttons:[
{text: 'Czyść',
width: 60,
handler: function(){
formPanel.getForm().reset();
}},
{
text: "Szukaj",
width: 70,
handler: function() {
formPanel.getForm().search();
},
//scope: formPanel
}],
items: [{
xtype: "numberfield",
name: "trans_id__eq",
cls : 'myCls',
emptyText:"",
value: "",
submitEmptyText: false,
//fieldLabel: "ID",
//disabled: true,
},
{
xtype: "textfield",
name: "dokument__eq",
// emptyText:"Dokument",
cls : 'myCls',
value: "",
disabled: true,
// fieldLabel: "nabywca",
//allowBlank: false
},
{
xtype: "textfield",
name: "data_transakcji__eq",
cls : 'myCls',
//emptyText:"Data Transakcji",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "typ_nier__eq",
cls : 'myCls',
// emptyText:"Typ nieruchomości",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "cena_tran__eq",
cls : 'myCls',
// emptyText:"Cena transakcji",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "cena_1m2_dlk__eq",
cls : 'myCls',
//emptyText:"Cena 1m2",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "pow_m2__eq",
cls : 'myCls',
//emptyText:"Powierzchnia",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "sprzedawca__eq",
cls : 'myCls',
// emptyText:"Sprzedawca",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "nabywca__eq",
cls : 'myCls',
// emptyText:"Nabywca",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "wspx__eq",
cls : 'myCls',
// emptyText:"WspX",
value: "",
//fieldLabel: "ID",
disabled: true,
},
{
xtype: "textfield",
name: "wspy__eq",
cls : 'myCls',
// emptyText:"WspY",
value: "",
//fieldLabel: "ID",
disabled: true,
}
],
listeners: {
actioncomplete: function(form, action) {
// this listener triggers when the search request
// is complete, the OpenLayers.Protocol.Response
// resulting from the request is available
// through "action.response"
features = action.response.features;
app.featureGrid.store.loadData(features); //załadowanie zwróconego wyniku wyszukiwania do "app.featureGrid.store"
vm=app.mapPanel.map.getLayersByName("Wynik wyszukiwania");
if(vm.length==0){
vecLayer = new OpenLayers.Layer.Vector("Wynik wyszukiwania");
app.mapPanel.map.addLayer(vecLayer);
app.featureGrid.store.bind(vecLayer);
app.featureGrid.getSelectionModel().bind(vecLayer);
//app.featureGrid.getSelectionModel().bind(vectorLayer);
}
}
}
})
);
您可以使用字段的submitValue(布尔值)属性来阻止它向服务器提交其值。
您可以将其设置为表单上所有字段的默认值,但如果用户更改了字段值并且它不是空的,则将submitValue更改为true
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 使用jquery将输入字段转换为文本
- 如何从查询字符串中的输入字段发回文本
- 表单输入字段随着溢出的文本而增长
- 使用单个文本框向多个字段添加严格搜索
- 使用javascript提交表单并从字段/单选框/复选框/文本区域获取数据
- 使用jQuery的输入字段文本换行
- 向使用jQuery加载DOM后添加的字段添加不受限制的文本输入DatePickers
- 当用户单击按钮(在光标位置)时,在输入字段中添加一个文本字符串
- 如何根据文本长度立即显示和隐藏字段?-JQuery
- 如何使文本、数字和日期html输入字段以一致的方式支持Ctrl+Z(撤消)
- 模拟文本输入字段上的退格键
- 输入字段中的可持续文本
- 未获取文本输入字段的值
- 没有文本安全性的密码字段
- 将禁用的输出字段更改为带前缀的文本
- 为什么 react 将输入[类型=“文本”] 字段设为只读,除非我提供 onChange 回调
- 使用SAPUI5中的“文本”字段显示正确的“日期”
- Kendo,如何将MVVM文本:字段绑定到远程DataSource