javascript - 调用没有函数的javascript？

Question

我需要创建一个名为 footer.js 的脚本验证下面的表格。我无法在 index.html 中进行任何修改文件。

我需要验证 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>

Answer 1

_{将评论转换为答案}

查找不显眼的 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 - 它仍然愉快地存在于 footer.js 中，并在页面加载时执行

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