javascript - 用于验证数据并发布到 mysql 数据库的简单表单

标签 javascript java html

我想要一个简单的表单,供员工输入订单 ID。该 ID 将通过第二个输入进行验证。验证后,它将通过服务器上的 insert.php 传递到数据库。

以下是我到目前为止所写的内容。我很困惑如何在成功检查时推送数据或在失败时清除表单。

<script type="text/javascript" language="JavaScript">
<!--
//--------------------------------
// This code compares two fields in a form and submit it
// if they're the same, or not if they're different.
//--------------------------------
function checkid(theForm) {
    if (theForm.orderid1.value != theForm.orderid2.value)
    {
        alert('The two values don\'t match! Please check!');
        return false;
    } else {
        return true;
    }
}
//-->
</script> 




<form action="../" onsubmit="return checkid(this);">
<form action="insert.php" method="post">

<p> Enter the compleated Order ID<br>
<input type="TEXT" name="orderid1" size="20" maxlength="20"> 
<br>
Please Confirm the order ID!
<br>
<input type="TEXT" name="orderid2" size="20" maxlength="20"> 
<br>
<input type="SUBMIT" value="Compleate Order!"></p> 
</form>

最佳答案

无论如何,这就是你的答案。

<script type="text/javascript" language="JavaScript">
<!--
//--------------------------------
// This code compares two fields in a form and submit it
// if they're the same, or not if they're different.
//--------------------------------
function checkid(theForm) {
    if (theForm.orderid1.value != theForm.orderid2.value)
    {
        alert('The two values don\'t match! Please check!');
        return false;
    } else {
        return true;
    }
}
//-->
</script> 




<form action="insert.php" onsubmit="return checkid(this);" method="post">

<p> Enter the compleated Order ID<br>
<input type="TEXT" name="orderid1" size="20" maxlength="20"> 
<br>
Please Confirm the order ID!
<br>
<input type="TEXT" name="orderid2" size="20" maxlength="20"> 
<br>
<input type="SUBMIT" value="Compleate Order!"></p> 
</form>

关于javascript - 用于验证数据并发布到 mysql 数据库的简单表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52785186/

相关文章:

javascript - 跨多个页面设置javascript全局变量

javascript - onMouseOver 和 onMouseOut 显示和隐藏 div

javascript - 出现 502 Bad Gateway 错误时自动刷新页面

html - 如何强制 Iframe 在标准父框架下运行怪异

javascript - 仅针对指向某个网站的出站链接的独特样式

javascript - 使用javascript滚动水平溢出div中心

java - 如何设置 JList 的样式

java - JOGL 2.0,渲染深度缓冲区到纹理

java - 通过 Spring-boot、Spring-data、Hibernate 保存 @ManyToOne 实体后,重复的键值违反了唯一约束 "b_name_key"

HTML 语义 - <span> 元素和有效性