或者您正在使用jQuery验证器?您可以向我们展示一些您已经拥有的html/JavaScript吗?请尝试使用每个字段来传递所有字段,如果所有字段都有长度或值,请显示并启用button@JamesJohnson-我在输入中使用了requiredHTML5表
或者您正在使用jQuery验证器?您可以向我们展示一些您已经拥有的html/JavaScript吗?请尝试使用每个字段来传递所有字段,如果所有字段都有长度或值,请显示并启用button@JamesJohnson-我在输入中使用了requiredHTML5表,javascript,jquery,forms,disabled-input,Javascript,Jquery,Forms,Disabled Input,或者您正在使用jQuery验证器?您可以向我们展示一些您已经拥有的html/JavaScript吗?请尝试使用每个字段来传递所有字段,如果所有字段都有长度或值,请显示并启用button@JamesJohnson-我在输入中使用了requiredHTML5表单属性。在他们提交表单后,我将使用经典ASP进行验证@Mark我现在可以给你看这个页面:当你点击“获取报价”图片时,我的表单位于页面顶部@ric_bfa这就是我的想法,但是作为jQuery的新手,我需要一个更完整的总结。对于jQuery 1.6
或者您正在使用jQuery验证器?您可以向我们展示一些您已经拥有的html/JavaScript吗?请尝试使用每个字段来传递所有字段,如果所有字段都有长度或值,请显示并启用button@JamesJohnson-我在输入中使用了
required
HTML5表单属性。在他们提交表单后,我将使用经典ASP进行验证@Mark我现在可以给你看这个页面:当你点击“获取报价”图片时,我的表单位于页面顶部@ric_bfa这就是我的想法,但是作为jQuery的新手,我需要一个更完整的总结。对于jQuery 1.6++,最好访问本机的“disabled”属性,而不是通过它的属性。ie使用$(输入:submit).prop('disabled',true/false)代码>而不是.attr('disabled'、'enabled/disabled')
测试$(this).val()
对于像“0”这样的值,即使输入的是合法的输入,也会失败。只需将答案放在一起,但您是对的。因此,添加==''可以解决这个问题吗?您需要测试val==''
,使用三个相等值。谢谢你的回复!我在我的网站上尝试了这个,但无法让它工作。所以我在JSFIDLE上复制了您的代码。还是不走运。我不得不想象,当所有字段甚至1个字段都为空时,单击submit按钮时应该没有任何动作,对吗?测试页面上的情况并非如此。你能告诉我我做错了什么吗?与jQuery1.6.+一样,最好访问本机的“disabled”属性,而不是通过它的属性。ie使用$(输入:submit).prop('disabled',true/false)代码>而不是.attr('disabled'、'enabled/disabled')
测试$(this).val()
对于像“0”这样的值,即使输入的是合法的输入,也会失败。只需将答案放在一起,但您是对的。因此,添加==''可以解决这个问题吗?您需要测试val==''
,使用三个相等值。谢谢你的回复!我在我的网站上尝试了这个,但无法让它工作。所以我在JSFIDLE上复制了您的代码。还是不走运。我不得不想象,当所有字段甚至1个字段都为空时,单击submit按钮时应该没有任何动作,对吗?测试页面上的情况并非如此。你能告诉我我做错了什么吗?我在后端使用asp来验证字段。我只是不想让他们在填写完表格后再提交。不要担心有人用Firebug来绕过页面,因为asp只会阻止表单完全提交。imho,您应该始终努力进行客户端和服务器端验证。原因有二。第一,这是双重检查,第二。它减少了占用带宽的服务器端调用。我只是不想让他们在填写完表格后再提交。不要担心有人用Firebug来绕过页面,因为asp只会阻止表单完全提交。imho,您应该始终努力进行客户端和服务器端验证。原因有二。第一,这是双重检查,第二。它减少了占用带宽的服务器端呼叫。这个答案对我也适用。我发现另一个答案对我来说更容易阅读和理解。谢谢你的帮助!这个答案对我也有用。我发现另一个答案对我来说更容易阅读和理解。谢谢你的帮助!
$('input:submit').attr('disabled', 'disabled');
$('#submitBtn').prop('disabled', true);
$('.requiredInput').change(function() {
inspectAllInputFields();
});
function inspectAllInputFields(){
var count = 0;
$('.requiredInput').each(function(i){
if( $(this).val() === '') {
//show a warning?
count++;
}
if(count == 0){
$('#submitBtn').prop('disabled', false);
}else {
$('#submitBtn').prop('disabled', true);
}
});
}
inspectAllInputFields();
$(document).ready(function() {
$form = $('#formid'); // cache
$form.find(':input[type="submit"]').prop('disabled', true); // disable submit btn
$form.find(':input').change(function() { // monitor all inputs for changes
var disable = false;
$form.find(':input').not('[type="submit"]').each(function(i, el) { // test all inputs for values
if ($.trim(el.value) === '') {
disable = true; // disable submit if any of them are still blank
}
});
$form.find(':input[type="submit"]').prop('disabled', disable);
});
});