調用JavaScript沒有功能？

我需要創建一個名爲footer.js的腳本來驗證下面的表單。我無法對index.html文件進行任何修改。調用JavaScript沒有功能？

我需要驗證name字段爲空格爲3個字符，而age字段爲1至110之間的數字。需要所有字段。

我該怎麼做？我如何打電話給我的footer.js文件？甚至沒有onsubmit函數，只有<form action="#">。

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="js/footer.js"></script> 

<form action="#"> 
    <fieldset> 
     <legend>Contact</legend> 
     <div class="textinput"> 
      <label for="name">Name</label> 
      <input type="text" name="name"> 
     </div> 

     <div class="textinput"> 
      <label for="name">Age</label> 
      <input type="text" name="age> 
     </div> 

     <div class="radioSelection"> 
      <label>Select one</label>    
      <input type="radio" name="favorit" id="html" value="html"> 
      <label for="html">HTML</label> 
      <input type="radio" name="favorit" id="js" value="js"> 
      <label for="js">JavaScript</label> 
      <input type="radio" name="favorit" id="css" value="css"> 
      <label for="css">CSS</label> 
     </div> 

     <div class="textareainput"> 
      <label for="info">About you:</label> 
      <textarea></textarea> 
     </div> 

     <div class="action"> 
      <button>Send</button> 
     </div> 
    </fieldset> 
</form>

來源

2015-02-08 maxpetter

查看不顯眼的jquery。您擁有js文件中的所有工具。（「submit」，function（）{...}）;}）' – mplungjan 2015-02-08 21:58:20

您可以使用javascript修改html元素，而不是通過修改它們index.html文件直接。 – Eclecticist 2015-02-08 22:05:23

-1

在你footer.js文件，你可以看看錶單元素，並經其連接到onsubmit事件運行功能。

您可以通過從文檔對象模型（DOM）中搜索表單元素來完成此操作。谷歌

使用JavaScript

找到一個元素，並且應該指向你在正確的方向。

我看到您發佈的代碼片段使用的是jquery，這使得我上面描述的更容易。爲此，我將谷歌

的jQuery查找表單元素

，以獲得正確的語法。

來源

2015-02-08 22:02:53 tryexceptpass

這是因爲你沒有在HTML文件中編寫JavaScript事件，最好有一個JS文件處理這些事件。這是你的項目的目的。你的文件正在運行，你只需要添加一個事件處理程序來提交。該文件將有這樣的結構：

$(document).ready(function(){ // Wait for the DOM to load 
    $("form").submit(function(e){ // When a form is submitted 
     e.preventDefault(); // Prevent normal submit 
     /* Validation Here */ 
    }); 
});

來源

2015-02-08 22:03:01

_{轉換評論回答}

查一查不顯眼的jQuery。你有js文件中的所有手段。

開始

$(function() { 
    $("form").on("submit",function() { 
    // validations here 
    }); 
});

如果你不想提交表單，那麼你需要停止提交

$(function() { 
    $("form").on("submit",function(e) { 
    e.preventDefault(); // cancels the form submit 
    // validations here 
    }); 
});

替代jQuery是純JS - 這還是在頁腳愉快地生活.js並在頁面加載時執行

window.onload=function() { 
    document.forms[0].onsubmit=function() { 
    // validation here 
    return false; // cancels the form submission 
    } 
}

來源

2015-02-08 22:11:17 mplungjan

調用JavaScript沒有功能？

回答

相關問題