使用jQuery.ValidationEngine启用/禁用按钮
-
10-10-2019 - |
题
我在用着 这个 jQuery表单验证器,但我不明白如何在此处制作一件简单的事情:如果表单无效,请禁用提交按钮,否则启用提交按钮。
一点点代码:
<script type="text/javascript">
$(document).ready(function() {
$("#registration_form").validationEngine({
//
});
});
</script>
<?php
echo "<form id=\"registration_form\">";
echo "<label for=\"name\">Name</label>";
echo "<input class=\"validate[required,custom[onlyLetter],length[3,100]]\" id=\"name\"><br />";
echo "<button type=\"submit\" id=\"submit_button\">GO</button>";
echo "</form>";
?>
解决方案
这是脚本
<script type="text/javascript">
$(document).ready(function() {
$("#registration_form").validationEngine(
{
inlineValidation: true
});
$('.change').change(function() {
validate();
});
validate();
});
function validate(){
var res = $.validationEngine.loadValidation("#name");
if (!res)
$("#submit_button").attr('disabled','');
else
$("#submit_button").attr("disabled","disabled");
}
</script>
在身体里
<input class="validate[required,custom[onlyLetter],length[3,100]] change"
id="name" value=""><br />
尝试反馈我
不隶属于 StackOverflow