javascript - 外部 JavaScript 问题

标签 javascript

我是第一次使用JS。似乎根本无法调用外部 JS 函数。我有一个 HTML 表单,我尝试调用一个函数,因此如果第一个名称框为空,我会收到一条消息,要求填写名称。

我的表格

<head>
<script type="text/javascript" src="scripts/validation.js"></script>
</head>

<body>
 <form name="myForm" method="post" action="somewhere.html" 
   onsubmit="validation()">

<fieldset id="PersonalDetails">
    <legend>Personal Details</legend>
    <div class="form" id="firstname">
    <p>First Name: <br />
    <input type="text" name="firstname" />
    </p>
    </div>
 </fieldset>
  </form>
 </body>

在JS文件中:

 function validation(){
 var x=document.forms["myForm"]["firstname"].value;
 if (x==null || x=="")
 {
 alert("First name must be filled out!!!!");
 return false;
 }
}

最佳答案

您的表单中需要有一个提交按钮来触发 onsubmit 事件。如果您正确导入了 javascript,您的函数将会被调用。请参阅下面带有提交按钮的表单。

<body>
 <form name="myForm" method="post" action="somewhere.html" 
   onsubmit="validation()">

<fieldset id="PersonalDetails">
    <legend>Personal Details</legend>
    <div class="form" id="firstname">
    <p>First Name: <br />
    <input type="text" name="firstname" />
    </p>
        <input type='submit' value='submit'/>
    </div>
 </fieldset>
  </form>
 </body>

关于javascript - 外部 JavaScript 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23502847/

相关文章:

Javascript OnBlur 不工作

javascript - 动态添加的可拖动对象第一次不起作用

javascript - Aurelia 可绑定(bind)值转换器( bool 值等)

javascript - 可折叠的侧边栏/导航菜单

Javascript this 指向最后一个对象实例

javascript - 有没有办法以编程方式设置断点(例如,调用命名函数时)?

javascript - IE : Unexpected call to method or property 中的 jQuery 错误

javascript - React.js 从不同的按钮调用按钮单击

javascript - 谷歌放置自动完成隐藏键

javascript - 带引号的正则表达式