Javascript 提交表单时不执行任何操作_Javascript_Html

Javascript 提交表单时不执行任何操作

javascript html

Javascript 提交表单时不执行任何操作,javascript,html,Javascript,Html,我正在使用带有HTML和JavaScript的表单来检查输入。我做得很好，如果我输入一个数字，我会收到“仅限字母”的信息。但是当我按下submit按钮时，它不会给我操作页面（w.php）我想要它，这样当我按下登录按钮时，就可以进入w.php页面这是我的代码： <html> <head> <link rel="stylesheet" href="projectsite/include/validationEngine.jquery.css" /> <

我正在使用带有HTML和JavaScript的表单来检查输入。我做得很好，如果我输入一个数字，我会收到“仅限字母”的信息。但是当我按下submit按钮时，它不会给我操作页面（w.php）

我想要它，这样当我按下登录按钮时，就可以进入w.php页面

这是我的代码：

<html>

<head>
<link rel="stylesheet" href="projectsite/include/validationEngine.jquery.css" />
<title>Projects Site</title>
</head>
<body background="se16.jpg">

<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

<form id="my_form" method="post" action="w.php">
<center>
<br>
<h1> <p style="color:brown;">  Login Page </p> </h1> 

<hr color="brown"> <br> 
<caption><h1><p style="color:black;">please Enter Username & Password</p></h1><caption>
<table border="3">

<tr><td><h2><p style="color:black;">Username: </p></td><td><input type="text"     name="username" class="validate[required,custom[onlyLetterSp]]" /></td><h2></tr>

<tr><td><h2><p style="color:black;">Password:</p> </td><td><input type="password" name="password" class="validate[required,custom[onlyLetterPa]]" /></td></h2></tr>


<tr><td></td><td><input type="submit" value="Log in" /></td></tr>

</table>
</center>
</form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="projectsite/include/jquery.validationEngine.js"></script>
    <script src="projectsite/include/jquery.validationEngine-en.js"></script>
    <script>
        function ajaxValidationCallback(status, form, json, options) {

        if(status == true) {

                $(':input', '#my_form').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');
                $("#message_sent").slideDown(400).delay(3000).slideUp(400);

          }
         }      
        $("#my_form").validationEngine({
            ajaxFormValidation : true,
            onAjaxFormComplete : ajaxValidationCallback,
            scroll : false
        }); 
    </script>
</body>
</html>


项目现场
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；


登录页面


请输入用户名和密码
用户名：
密码：
函数ajaxValidationCallback（状态、表单、json、选项）{
如果（状态==真）{
$（'：输入'，'#我的表格'）.not（'：按钮，：提交，：重置，：隐藏'）.val（''）.removeAttr（'checked'）.removeAttr（'selected'）；
$（“#已发送消息”）.slideDown（400）.delay（3000）.slideUp（400）；
}
}      
$（“#我的表格”）.validationEngine({
ajaxFormValidation：正确，
onAjaxFormComplete:ajaxValidationCallback，
卷轴：假
});

基于我对该验证引擎的一点研究，如果您进行AJAX验证，则提交表单的责任在于回调

链接：

当你点击提交按钮时，该表单应该

POST

。当您在web浏览器中关闭javascript时，它是否工作？当打开javascript时，控制台中是否存在javascript错误？我猜您正在使用javascript进行验证。在这种情况下，

onlyleterpa

的定义来自哪里？@tchow002我正在chrome浏览器和inter explorer浏览器上尝试同样的问题。我允许所有站点运行JavaScript，但相同problem@ICanHasCheezburger“onlyLetterPa”：{“regex”：/^[a-zA-Z1-9\\\']+$/，“alertText”：“*仅限字母”}，我认为问题在于javascript。这就是为什么我希望您尝试不使用javascript。

// Called once the server replies to the ajax form validation request
function ajaxValidationCallback(status, form, json, options){
  if (console)
    console.log(status);

  if (status === true) {
    alert("the form is valid!");
    // uncomment these lines to submit the form to form.action
    // form.validationEngine('detach');
    // form.submit();
    // or you may use AJAX again to submit the data
  }
}