每个input
字段都应依赖于总测验分数(input
字段)。我只想设置一个attribute: max
应该是less than or equal to
总测验分数。我附上了一张快照,我相信它会很清楚。
&我还附上了我的html代码:
<form action="../controllers/classroom.php" method="POST">
<input type="number" class="form-control" id="totalMark" name="totalMark" placeholder="Enter quiz mark" required>
<div class="row">
<?php
$count=0;
$query4="SELECT * FROM enrollments WHERE classId='{$classId}'";
$res4=mysqli_query($connection, $query4);
while($row=mysqli_fetch_array($res4)){
$count++;
?>
<div class="col-md-2">#<?php echo $count; ?></div>
<div class="col-md-6"><?php echo ucwords(getUser($row['userId'])['name']); ?></div>
<div class="col-md-4"><input type="number" class="form-control" name="user[<?php echo $row['id']; ?>]" placeholder="Enter marks" required>
</div>
<?php } ?>
</div>
<button type="submit" name="quiz-marks" class="btn btn-primary">Submit</button>
</form>
我想进行实时验证。谢谢
最简单的方法是侦听输入change
上的事件,#totalMark
然后更改max
属性。为简洁起见,我使用了 jQuery,但我相信如果您愿意,您可以使用 vanilla javascript。
$(function(){
$('#totalMark').change(function(){
$('.form-control:not(#totalMark)').prop('max',this.value)
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="number" class="form-control" id="totalMark" name="totalMark" value="20" placeholder="Enter quiz mark" required>
<input type="number" class="form-control" max="20" required>
<input type="number" class="form-control" max="20" required>
<input type="number" class="form-control" max="20" required>
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句