如何提交所有字段後填寫JavaScript

基本上我有一個HTML表單，其中包含一個文本框和一個提交按鈕，我想要的是當我按提交按鈕時，它應該檢查文本框，它沒有錯誤然後繼續提交。如何提交所有字段後填寫JavaScript

這裏是我的按鈕代碼：

<form id="thisform"> 
<div id="Registeration" class="Registeration"> 
      <input type="text" id="textbox" class="textbox" 
      placeholder="My textbox" name="fBox" maxlength="30"/> 
     </div> 

<div class="Registration_Submit_Div"> 
    <input type="submit" value="submitform" id="SumbitForm_btn" class="SumbitForm_btn" name="Submit_btn" onclick="submit()"/> 
</div></form> 

function(){ 
    alert('hello'); 
    return false; 
}

來源

2016-08-15 bill maxfith

顯示您的完整代碼，您的代碼沒有文本框。你調用一個不存在的提交函數 –

我編輯了我的問題併發布了完整的表格 –

你的提交函數或提交處理程序在哪裏？ – happymacarts

這裏的一個普通的JS例子，其中的形式僅在提交文字至少需要5個字符。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
</head> 
<body> 

    <form method="POST" action="result.html" class="da-form"> 
    <input type="text" name="textbox" class="textbox"> 
    <input type="submit" class="submit"> 
    </form> 

    <script> 

    var formEl = document.querySelector('.da-form'); 
    var submitBtn = document.querySelector('.da-form .submit'); 
    var textEl = document.querySelector('.textbox'); 

    submitBtn.addEventListener('click', function(event) { 
     event.preventDefault(); 
     if (textEl.value.length >= 5) { 
     formEl.submit(); 
     } else { 
     console.error('text should be at least 5 chars long'); 
     } 
     console.log(); 
    }); 

    </script> 

</body> 
</html>

來源

2016-08-15 14:18:36

您可以使用AngularJS：

角讓你得到你的表格狀態：$無效/ $有效

下面的代碼將禁用按鈕直到表格生效：

<input type="button" value="Submit" ng-click="submit()" class="button" ng-disabled="myForm.$invalid">

請參閱fo llowing例如：

HTML：

<div ng-app> 
<form ng-controller="FormController" name="myForm"> 
    <div class="header padding-b--10">Form Area</div> 
     <div class="padding-b--10"> 
      <input name="empId" placeholder="Employee ID" ng-model="data.empId" 
        style="padding:5px" required/> 
      <span ng-if="myForm.empId.$dirty && myForm.empId.$invalid" ng-bind="invalid" class="error"></span> 
     </div> 
     <div class="padding-b--10"> 
      <input name="empEmail" type="email" placeholder="Email" ng-model="data.empEmail" 
        style="padding:5px" required/> 
      <span ng-if="myForm.empEmail.$dirty && myForm.empEmail.$invalid" ng-bind="invalid" class="error"></span> 
     </div> 
     <input type="button" value="Submit" ng-click="submit()" class="button" ng-disabled="myForm.$invalid"> 

</form>

控制器：

function FormController($scope){ 

    $scope.invalid = "Invalid"; 

    $scope.submit = function(){ 
     console.log($scope.data); 
    } 

};

工作實施例：https://jsfiddle.net/pqz3hsac/22/

來源

2016-08-15 14:02:27

如何提交所有字段後填寫JavaScript

回答

相關問題