首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery验证尚未创建的元素

在JavaScript中,可以使用jQuery来验证尚未创建的元素。具体实现方法如下:

  1. 首先,在HTML中添加一个input元素,并为其添加一个class属性,例如"required"。<input type="text" class="required" id="myInput">$(document).ready(function() { $('#myInput').on('input', function() { // 获取input元素的值 var inputValue = $(this).val(); // 判断input元素的值是否为空 if (inputValue === '') { // 如果input元素的值为空,则隐藏提交按钮 $('#submitBtn').hide(); } else { // 如果input元素的值不为空,则显示提交按钮 $('#submitBtn').show(); } }); });$.validator.addMethod('required', function(value) { // 获取input元素的值 var inputValue = $(this).val(); // 判断input元素的值是否为空 if (inputValue === '') { // 如果input元素的值为空,则隐藏提交按钮 $('#submitBtn').hide(); return false; } else { // 如果input元素的值不为空,则显示提交按钮 $('#submitBtn').show(); return true; } });$('#submitBtn').click(function() { // 获取表单中的所有input元素 var inputs = $('input'); // 遍历所有input元素,并将其值添加到表单中 inputs.each(function() { var inputValue = $(this).val(); $('#myForm').append('<input type="text" name="' + $(this).attr('name') + '" value="' + inputValue + '">'); }); // 提交表单 $('#myForm').submit(); });以上代码中,首先使用jQuery的on方法来监听input元素的值变化事件。当input元素的值发生变化时,获取该元素的值,并通过Validator来检查该元素是否为空。如果该元素为空,则隐藏提交按钮;否则,显示提交按钮。
  2. 接下来,在JavaScript中,使用jQuery来获取该input元素,并添加一个自定义的validator。
  3. 在Validator中,可以定义一个函数,该函数用于判断input元素的值是否为空。
  4. 最后,在JavaScript中,使用jQuery来提交表单。

在Validator中,使用addMethod方法来定义一个required方法,该方法用于检查input元素的值是否为空。在required方法中,获取input元素的值,并判断该元素是否为空。如果该元素为空,则隐藏提交按钮;否则,显示提交按钮。

最后,使用jQuery的click方法来绑定提交按钮的点击事件。当提交按钮被点击时,获取表单中的所有input元素,并将其值添加到表单中,然后提交表单。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券