我有以下形式：
<form action="http://www.tahara.es/contact/subscribe.php" method="post" id="subscribe" name="subscribe">
<input type="hidden" name="action" value="subscribe">
<label>NAME:</label>
<input type="text" name="name" class="Textbox" id="sub_first_name">
<label>EMAIL:</label>
<input type="text" name="email" class="Textbox" id="sub_email">
<input type="submit" name="button" id="button" value="Subscribe" />
我想变灰submit直到形式两个领域都填写了按钮。 我猜的jQuery会做的伎俩？
我怎样才能做到这一点，我应该在哪里放置脚本？
jQuery的会做到这一点。 在.keyup事件有jQuery的检查，如果这两个字段的长度> 0，改变按钮被禁用或不。
$('#yourButton').button("disable");
$('.fields').bind('keyup', function() {
var nameLength = $("#sub_first_name").length;
var emailLength = $("#sub_email").length;
if (nameLength > 0 && emailLength > 0)
{
$('#yourButton').button("enable");
}
} );
该脚本会包含在<head></head>的文件。 像这样。
<script type="text/javascript" src="yourpath"></script>
一种方法是相匹配的输入值，然后从按钮移除灰色类如果值还不是一样的默认值。 这里是一个演示。
HTML
<input type="text" value="some text" class="text-input">
<input attr="" type="submit" value="submit" class="submit">
CSS
.disabled {opacity:.2;}
jQuery的
if ($('.text-input').val() == "some text" ) {
$('.submit').addClass('disabled');
}
http://jsfiddle.net/APGmy/11/
如果你是JavaScript的一个初学者来说，更好的选择是
添加HTML如下
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
现在添加validateForm()作为
function validateForm() {
// Validate all fields in the form
return true; // if all form entries are valid. else return false
}
注意：这将不花白时的提交按钮。 但是，在这种情况下，只提交如果所有的项目都有效将工作。
