Question

我有一个表单和必填字段，如下所示。我添加了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>

Answer 1

尝试这种方法

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


<script type="text/javascript">

  function check()
  {
  }
</script>

OR

您可以函数showDialog（）

返回false

希望这会对你有所帮助

Answer 2

我在代码中发现了错误.. 我使用了按钮类型=“按钮”，你可以看到

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

但是根据要求使用aui字段验证器工作，以防止在必填字段为空时提交表单。使用button type =“submit”。所以纠正的行是

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

现在它的工作正常:)：）

当aui required字段验证器为空时，如何防止提交aui-form

2 个答案: