2013-06-04 58 views
1

我有一个表单和一个必填字段,如下所示。 如果必填字段为空,我添加了aui字段验证器以防止表单提交。 但它不工作。 有人请帮助我。如何防止aui-form提交,当aui要求提交验证器为空时

<aui:form id="fm" name="fm" method="post" action="<%= someURL %>"> 
    <aui:input id="txtArea" label="value" name="preferences--txtArea--" type="textarea" style="width:330px;height:65px;" > 
     <aui:validator name="required" /> 
    </aui:input> 
    <aui:input name="termsAndCondition" id="termsAndCondition" type="checkbox" label="termsAndConditons"/> <br> 
    <aui:button type="button" value="save" onClick="showDialog()" /> 
</aui:form> 

<aui:script> 
function showDialog() 
{ 
    var termsAndCondition= A.one('#<portlet:namespace/>termsAndCondition').attr('value'); 
    var r=confirm("Are you sure to change data?"); 
    if (r==true && termsAndCondition=="true") 
    { 
     A.one('#<portlet:namespace/>fm').submit(); 
    } 
} 
</aui:script> 

回答

0

我发现错在我的代码.. 我用按钮类型=“按钮”,你可以看到

<aui:button type="button" value="save" onClick="showDialog()" /> 

但对于使用根据要求AUI实地验证工作,提交表单时所需的字段是为了防止空。使用按钮类型=“提交”。如此校正线

<aui:button type="submit" value="save" onClick="showDialog()" /> 

现在,它的做工精细:) :)

0

尝试用这种方法

<aui:form id="fm" name="fm" method="post" action="<%= someURL %>" onSubmit="check();> 


<script type="text/javascript"> 

    function check() 
    { 
    } 
</script> 

OR

可以功能的ShowDialog()

希望返回false这将帮助你

+0

可以请你告诉我怎么在功能检查(),或在条件返回false从我的函数的ShowDialog()查询。 – user2341971

+0

只是保持检查功能,因为它是..尝试它 –

+0

我试过了,但它不工作。 – user2341971