Javascript 需要js函数调用帮助_Javascript_Forms_Validation

Javascript 需要js函数调用帮助

javascript forms validation

Javascript 需要js函数调用帮助,javascript,forms,validation,Javascript,Forms,Validation,我的代码如下所示，这是html部分 <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <script src="regi.js" ></script> </head> <body class="regbody"> <form align="center" method="POST

我的代码如下所示，这是html部分

    <html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script src="regi.js" ></script>
</head>
<body class="regbody">
    <form align="center" method="POST" action="submit()" name="regform">
    <div id="regpgdiv">
        <span class="indextext">Fill in the details below to get registered! </span><br><br><br><br><br><br>
        <input type="text" name="regfname" id="ip" value="Enter name" onfocus="if(this.value == 'Enter name') { this.value = ''; }"  onblur="if(this.value == '') { this.value = 'Enter name'; }" /> <br><br>
        <input type="text" name="reguname" id="ip" value="Enter Desired Username" onfocus="if(this.value == 'Enter Desired Username') { this.value = ''; }"  onblur="if(this.value == '') { this.value = 'Enter Desired Username'; }" /> <br><br>
        <input type="password" name="regpwd" id="ip" value="Select Password" onfocus="if(this.value == 'Select Password') { this.value = ''; }"  onblur="if(this.value == '') { this.value = 'Select Password'; }" /> <br><br>
        <input type="password" name="cregpwd" id="ip" value="Re-enter Password" onfocus="if(this.value == 'Re-enter Password') { this.value = ''; }"  onblur="if(this.value == '') { this.value = 'Re-enter Password'; }" /> <br><br>
        <input type="submit" value="Register" id="credsub" >
    </div>
</form>
</body>

当我点击注册器按钮时，它说这个网页已经找到了。

我是javascript新手，需要帮助。提前感谢。

又一次更新-我意识到引用DOM对象的Javascript代码中存在错误（以及验证逻辑中的输入错误），下面是修改后的代码。简而言之，我已经将

id

添加到表单元素中以供参考，在验证逻辑中，您应该选中

Select Password

，而不是

Select Password

HTML表单

已更新-感谢您提供的有用建议，我已相应地修改了代码，以使用

onSubmit

而不是

onClick

事件

您的HTML代码应该是：

<form align="center" method="POST" action="TARGET-PAGE-TO-HANDLE-DATA" name="regform" onsubmit="return Submit();">

action

属性指定处理表单数据的目标页面。并且

onSubmit

属性指定了在表单中单击提交按钮时要执行的Javascript函数。

还有一个更新-我意识到引用DOM对象的Javascript代码中存在错误（以及验证逻辑中的键入错误），下面是修改后的代码。简而言之，我已经将

id

添加到表单元素中以供参考，在验证逻辑中，您应该选中

Select Password

，而不是

Select Password

HTML表单

已更新-感谢您提供的有用建议，我已相应地修改了代码，以使用

onSubmit

而不是

onClick

事件

您的HTML代码应该是：

<form align="center" method="POST" action="TARGET-PAGE-TO-HANDLE-DATA" name="regform" onsubmit="return Submit();">

action

属性指定处理表单数据的目标页面。并且

onSubmit

属性指定了在表单中单击提交按钮时要执行的Javascript函数。

还有一个更新-我意识到引用DOM对象的Javascript代码中存在错误（以及验证逻辑中的键入错误），下面是修改后的代码。简而言之，我已经将

id

添加到表单元素中以供参考，在验证逻辑中，您应该选中

Select Password

，而不是

Select Password

HTML表单

已更新-感谢您提供的有用建议，我已相应地修改了代码，以使用

onSubmit

而不是

onClick

事件

您的HTML代码应该是：

<form align="center" method="POST" action="TARGET-PAGE-TO-HANDLE-DATA" name="regform" onsubmit="return Submit();">

action

属性指定处理表单数据的目标页面。并且

onSubmit

属性指定了在表单中单击提交按钮时要执行的Javascript函数。

还有一个更新-我意识到引用DOM对象的Javascript代码中存在错误（以及验证逻辑中的键入错误），下面是修改后的代码。简而言之，我已经将

id

添加到表单元素中以供参考，在验证逻辑中，您应该选中

Select Password

，而不是

Select Password

HTML表单

已更新-感谢您提供的有用建议，我已相应地修改了代码，以使用

onSubmit

而不是

onClick

事件

您的HTML代码应该是：

<form align="center" method="POST" action="TARGET-PAGE-TO-HANDLE-DATA" name="regform" onsubmit="return Submit();">

action

属性指定处理表单数据的目标页面。而

onSubmit

属性指定了在表单中单击提交按钮时要执行的Javascript函数。

正如在注释中所述，

onSubmit

在这种情况下更合适。单击HTML元素时，放置在

onclick

属性中的JavaScript将触发，但对于表单，您实际上希望代码在提交时执行。因此：

<form align="center" method="POST" action="self" name="regform" onsubmit="Submit()">

这里，addEventListener方法首先获取事件类型字符串，然后在该事件发生时执行函数。上的MDN文章有更多内容。

正如在评论中所述，

onsubmit

在这种情况下更合适。单击HTML元素时，放置在

onclick

属性中的JavaScript将触发，但对于表单，您实际上希望代码在提交时执行。因此：

<form align="center" method="POST" action="self" name="regform" onsubmit="Submit()">

这里，addEventListener方法首先获取事件类型字符串，然后在该事件发生时执行函数。上的MDN文章有更多内容。

正如在评论中所述，

onsubmit

在这种情况下更合适。单击HTML元素时，放置在

onclick

属性中的JavaScript将触发，但对于表单，您实际上希望代码在提交时执行。因此：

<form align="center" method="POST" action="self" name="regform" onsubmit="Submit()">

这里，addEventListener方法首先获取事件类型字符串，然后在该事件发生时执行函数。上的MDN文章有更多内容。

正如在评论中所述，

onsubmit

在这种情况下更合适。单击HTML元素时，放置在

onclick

属性中的JavaScript将触发，但对于表单，您实际上希望代码在提交时执行。因此：

<form align="center" method="POST" action="self" name="regform" onsubmit="Submit()">

这里，addEventListener方法首先获取事件类型字符串，然后在该事件发生时执行函数。上的MDN文章有更多内容。

最好在表单上的

onSubmit

事件中调用

Submit

，而不是单击Submit按钮的

onClick

。我已经有一段时间没有处理表单上的事件了，但我很确定，如果将它放在按钮的

一次点击，无论提交函数中是否验证，都会提交表单。@UselessCode这是一个很好的观点！