Php 填写完所有字段后如何激活提交按钮
我有以下代码在表单中显示输入字段。我希望只有在所有字段都填写完毕后,提交按钮才处于活动状态。我似乎想不出哪里出了错。我在这里省略了一些文本输入 表格:Php 填写完所有字段后如何激活提交按钮,php,jquery,Php,Jquery,我有以下代码在表单中显示输入字段。我希望只有在所有字段都填写完毕后,提交按钮才处于活动状态。我似乎想不出哪里出了错。我在这里省略了一些文本输入 表格: (功能(){ $('form input').keyup(函数(){ var empty=false; $('form>input')。每个(函数(){ if($(this.val()=''){ 空=真; } }); if(空){ $('#submit').attr('disabled','disabled');//如果任何字段为空,则保留为d
(功能(){
$('form input').keyup(函数(){
var empty=false;
$('form>input')。每个(函数(){
if($(this.val()=''){
空=真;
}
});
if(空){
$('#submit').attr('disabled','disabled');//如果任何字段为空,则保留为disabled
}否则{
$(“#提交”).removeAttr('disabled');//填充所有字段后删除disabled属性
}
});
});
代码与此处显示的完全相同。如果我错过了什么,请给我指个方向。谢谢。您使用的属性是disabled=“disabled”,但它是一个没有价值的属性,您应该像这样使用它
在这里,我为您创建了一个工作的JSFIDLE,请检查它并进行更正您使用的属性是disabled=“disabled”,但它是一个没有价值的属性,您应该像这样使用它
在这里,我为您创建了一个工作的JSFIDLE检查它并进行更正,这是您的罪魁祸首,将其更改为
$('form input')
谢谢@progrAmmar,收到了。不敢相信我没有注意到这一点,lol$('form>input')
,这是你的罪魁祸首,把它改成$('form input')
谢谢@progrAmmar,明白了。真不敢相信我没注意到这一点,哈哈
<?php
if(@$_GET['q']==4 && !(@$_GET['step']) ) {
echo '
<div class="row">
<span class="title1" style="margin-left:40%;font-size:30px;"><b>Enter Quiz Details</b></span><br /><br />
<div class="col-md-3"></div><div class="col-md-6"> <form class="form-horizontal title1" name="form" action="update.php?q=addquiz" method="POST">
<fieldset>
<!-- Text input-->
<div class="form-group">
<div class="col-md-12">
<label for="name">Enter Title</label>
<input id="name" name="name" class="form-control input-md" type="text">
</div>
</div>
<div class="form-group">
<label class="col-md-12 control-label" for=""></label>
<div class="col-md-12">
<input type="submit" style="margin-left:45%" class="btn btn-primary" value="Submit" class="btn btn-primary" id="submit" disabled="disabled"/>
</div>
</div>
</fieldset>
</form>
</div>';
}
?>
<script>
(function() {
$('form input').keyup(function() {
var empty = false;
$('form > input').each(function() {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#submit').attr('disabled', 'disabled'); //Leave as disabled if any of the fields are empty
} else {
$('#submit').removeAttr('disabled');//Remove the disabled attribute once all fields are filled
}
});
});
</script>