Question

我试图找出一种很酷的方式来浏览我的DIV字段并使用FOR LOOP验证它们是否为空，然后显示一个弹出警告。

我已经使用SPAN对象上的*完成了警告，但我现在想要能够使用名称或ID的DIV执行相同的操作，例如＆＃34; popoverempty_name＆＃34;什么的。

这是我到目前为止所得到的：

＆＃13;

// After Form Submitted Validation
$("#contact_submit button").click(function(event){
    var form_data=$("#contact input[type=text]").serializeArray();
    var error_free=true;
    for (var input in form_data) {
	var element=$("#contact_"+form_data[input]['name']);
	var valid=element.hasClass("valid");
        var error_element=$("span", element.parent());  

        // This part doesn't work :
        var popover_element=$(this).attr("#popover_"+form_data[input]['name']);  
        // Why???

	if (!valid) {
            error_element.removeClass("error").addClass("error_show"); 
            error_free=false;
            //$('popover_element').popover('show');
        }
	else {
            error_element.removeClass("error_show").addClass("error");
            //$('popover_element').popover('hide');
        }
    }
    if (!error_free) {
	event.preventDefault(); 
    }
    else {
	alert('No errors: Form will be submitted');
    }
});

＆＃13;

<!-- Name -->
<div  id="popover1" data-toggle="popover" data-placement="right" title="Fix your name" data-content="Enter a correct name i.e. John Doe">
    <div id="popoverempty_name" data-toggle="popoverempty" data-placement="left" title="This is Required" data-content="" ></div>	
    <span class="error">ERROR</span>  
    <label for="contact_name"></label>
    <input class="checkout-input checkout-name" placeholder="Name and Lastname" type="text" name="name" id="contact_name" required/>
</div>

＆＃13;

Answer 1

去图吧！我通过更多地玩它来解决它......早上醒来时总是有帮助！ ; - ）

这是答案......我希望它可以帮助那些人！

				for (var input in form_data){
					var element=$("#contact_"+form_data[input]['name']);
					var valid=element.hasClass("valid");
					var error_element=$("span", element.parent());
					if (!valid){error_element.removeClass("error").addClass("error_show"); error_free=false;$(function () {$("#popoverempty_"+form_data[input]['name']).popover('show')});}
					else{error_element.removeClass("error_show").addClass("error");$(function () {$("#popoverempty_"+form_data[input]['name']).popover('hide')});}
				}

popover字段验证循环

1 个答案: