簡體   English   中英

表單提交按鈕不與AngularJs一起使用

[英]Form submit button not working with AngularJs

我的表格有問題。 我想制作標准的PHP表單,但AngularJS阻止了“提交”按鈕。

當我單擊“提交”按鈕時,它會在控制台中返回一些錯誤。 請記住,我不想動態提交。

錯誤是:

名稱=''的無效表單控件不可聚焦。

這個例子

<body ng-app="mainApp">
    <form action="post.php" method="post">
        <div ng-controller="MainCtrl">
            <label for="titlex">Title</label>
            <input id="titlex" class="form-control" type="text" maxlength="75" min="10" name="titlex" required>
        </div>
        <input type="submit" value="Send">
    </form>
</body>

在不同情況下會彈出此問題:

  • 您有一個隱藏的表單元素,它具有驗證required屬性。
  • 您在send數據之前隱藏表單元素。
  • 某些必需的表單元素沒有name屬性。
  • 您的提交input沒有name屬性。

您可以嘗試在提交輸入中添加name屬性:

<input type="submit" value="Send" name="send">

或者您可以設置您的表單,以便瀏覽器機制不使用

<form name="myform" novalidate>

嘗試在輸入標記中添加name屬性。 只有具有name屬性的表單元素才會在提交表單時傳遞其值。

<input type="submit" value="Send" name="send">

希望這能解決你的問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM