外部javascript-运行不好
External javascript- not doing well
我在使用外部java脚本时遇到问题。我犯了一些错误,因为表单验证做得不好。当java脚本代码是内部代码时,它做得很好。当我把它放在外部文件中时,它什么也不做。有时它有效。有时不会。我使用的是netbeans IDE。这是代码。
html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="myscript.js" ></script>
<link rel="icon" type="image/png" href="favicon.jpg">
</head>
<body>
<div class="main">
<div class="header"></div>
<img src="dms_logo.gif" style="align:center;">
<div class="continer">
<div class="myForm1" style="height:200px; width:300px; float:left;">
<h2>MTC</h2>
<form name="myForm1" action="access.jsp" method="get" onsubmit="return validateMtc()">
<br/>MSISDN:<input type="text" name="MISDN" maxlength="11">
<br/>RECIEPIENT:<input type="text" name="recipient" maxlength="12">
<br/>DONOR:<input type="text" name="donor" maxlength="10">
<br/>Date:<input type="text" name="date" value="">
<br/>RN#:<input type="text" name="rn" value="" maxlength="5">
<br/>Issue:<input type="text" name="Issue">
<br/>SR:<input type="text" name="SR" maxlength="14">
<br/><input type="submit" value="Submit">
<br/><input type="reset" name="Reset">
</form>
<form name="search1" action="search_misdn.jsp" method="get">
<br/><input type="submit" value="Search">
<input type="text" value="Enter MSISDN" name="search">
</form>
</div>
<div class="myform2" style="float:left; height:200px; width:300px;">
<h2>O.C.S</h2>
<form name="myForm2" action="ocs.jsp" method="post" onsubmit="return validate_ocs()">
<br/><span>MSISDN:<input type="text" name="MISDN" maxlength="11"></span>
<br/><span>SR:<input type="text" name="SR" maxlength="14"></span>
<br/><span>REASON:<input type="text" name="reason"></span>
<br/><input type="submit" value="Submit">
<br/><input type="reset" name="Reset">
</form>
<form name="search1" action="search_misdn.jsp" method="get">
<br/><input type="submit" value="Search">
<input type="text" value="Enter MSISDN" name="search">
</form>
</div>
<div class="myform3" style="float:left; height:200px; width:300px;">
<h2>K.B.C</h2>
<form name="myForm3" action="kbc.jsp" method="post" onsubmit="validate_kbc()">
<br/>MSISDN:<input type="text" name="MISDN" maxlength="11">
<br/>SR:<input type="text" name="SR" maxlength="14">
<br/><input type="submit" value="Submit">
<br/><input type="reset" value="Reset">
</form>
<form name="search1" action="search_misdn.jsp" method="get">
<br/><input type="submit" value="Search">
<input type="text" value="Enter MSISDN" name="search">
</form>
</div>
</div>
</div>
</body>
myscript.js
//alert(1);
var numbers = /^[0-9]+$/;
var Datee=/^[0-9-]*$/ig;///^'d{1, 2}'/'d{1, 2}'/'d{4}$/;
var alpha_Numeric=/^[a-zA-Z0-9]*$/ig;
var alpha=/^[A-Za-z]+$/;
function validateMtc()
{
var a = document.forms["myForm1"]["MISDN"].value;
var b = document.forms["myForm1"]["Issue"].value;
var c = document.forms["myForm1"]["SR"].value;
var d = document.forms["myForm1"]["date"].value;
var e = document.forms["myForm1"]["recipient"].value;
var f = document.forms["myForm1"]["donor"].value;
var g = document.forms["myForm1"]["rn"].value;
if(a == "" || b == "" || c == "" || d == "" || e="" || f="" || g="")
{
alert("Manadotry fields should not left blank");
document.myForm1.MISDN.focus();
document.myForm1.Issue.focus();
document.myForm1.SR.focus();
document.myForm1.date.focus();
document.myForm1.recipient.focus();
document.myForm1.donor.focus();
document.myForm1.rn.focus();
return false;
}
else if(!a.match(numbers))
{
alert('Please input numeric characters only in MSISDN field');
document.myForm1.MISDN.focus();
return false;
}
else if(!b.match(alpha_Numeric))
{
alert('Please input numeric and alphabets only in ISSUE field');
document.myForm1.Issue.focus();
return false;
}
else if(!c.match(numbers))
{
alert('Please input numeric characters only SR field');
document.myForm1.SR.focus();
return false;
}
else if(!d.match(Datee))
{
alert('Please input correct date in DATE field (dd-mm-yy)');
document.myForm1.date.focus();
return false;
}
else if(!e.match(alpha))
{
alert('Please input aplhabets only in reciepeint filed');
document.myForm1.recipient.focus();
return false;
}
else if(!f.match(alpha))
{
alert('Please input aplhabets only in donor field');
document.myForm1.donor.focus();
return false;
}
else if(!g.match(alpha_Numeric))
{
alert('Please input aplhabets and numerics only in RN# field');
document.myForm1.rn.focus();
return false;
}
else
return true;
}
function validate_ocs()
{
var h = document.forms["myForm2"]["MISDN"].value;
var i = document.forms["myForm2"]["SR"].value;
var j = document.forms["myForm2"]["reason"].value;
if(h == "" || i == "" || j == "")
{
alert("Manadotry fields should not left blank");
document.myForm2.MISDN.focus();
document.myForm2.reason.focus();
document.myForm2.SR.focus();
return false;
}
else if(!h.match(numbers))
{
alert('Please input numeric characters only in MSISDN field');
document.myForm2.MISDN.focus();
return false;
}
else if(!i.match(numbers))
{
alert('Please input numeric characters only SR field');
document.myForm2.SR.focus();
return false;
}
else if(!(j.match(alpha_Numeric)))
{
alert('Please input numeric and alphabets only in ISSUE field');
document.myForm2.Issue.focus();
return false;
}
else
return true;
}
function validate_kbc()
{
var k = document.forms["myForm3"]["MSISDN"].value;
var l = document.forms["myForm3"]["SR"].value;
if(k == "" || l == "")
{
alert("Manadotry fields should not left blank");
document.myForm1.MISDN.focus();
document.myForm1.SR.focus();
return false;
}
else if(!k.match(numbers))
{
alert('Please input numeric characters only in MSISDN field');
document.myForm3.MISDN.focus();
return false;
}
else if(!l.match(numbers))
{
alert('Please input numeric characters only in SR field');
document.myForm3.SR.focus();
return false;
}
else
return true;
}
//alert('!!!');
•首先,第17行出现错误。
if(a == "" || b == "" || c == "" || d == "" || e="" || f="" || g="")
e=",应为e=""。其余的变量也是如此。
当你比较事物时,你需要使用double equals,(或者最好是三重)。请参阅文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators
•此外,您还应该研究一下目前每个主要浏览器附带的开发人员工具。他们有错误控制台,通常在简单的情况下会立即向您指出问题。https://developer.chrome.com/devtools
•作为旁注
JavaScript是一个词。将其称为"java脚本"是令人困惑和错误的。
myscript.js文件的位置可能错误。
仔细检查你是否给了正确的位置。尝试通过浏览器访问myscript.js文件。打开控制台(f12),看看是否有丢失文件的错误。
相关文章:
- 在终端中运行 JavaScript 时(使用 rhino),如何使用 print() 函数在一行中打印
- 向下滚动时运行javascript
- 在Android WebView中运行Javascript-onPageFinished循环
- 在父网页的iframe中运行JavaScript
- 有条件地运行javascript函数-Razor,HTML
- 如何通过获取用户输入和使用按钮来运行JavaScript函数
- 使用c#在Web服务器上运行JavaScript方法
- 单击链接时停止运行javascript
- 在浏览器检查表单之前运行javascript onsubmit
- 如何在表单提交事件后运行JavaScript*
- Mediawiki小部件将不会运行javascript
- 有没有一种方法可以在服务器端页面加载之前在加载时运行javascript
- 在GitHub上运行JavaScript Koans
- Chrome扩展:是否有一种方法可以运行JavaScript来获取页面上的内部html,并将其保存到扩展中的变量中
- 在不加载页面的情况下运行javascript
- [AutoIt]如何使用FF.au3在FireFox上的页面中运行javascript
- 仅在屏幕媒体上运行javascript/jquery,而不是打印
- Scala提升了如何运行javascript函数并将返回值存储在变量中
- 安卓系统:通过loadUrl运行javascript时,网络视图中的视频会冻结
- 在页面加载完成之前,使用URL参数运行JavaScript