Question

我正在使用javascript来验证我的html（检查用户是否输入了正确的数据）源代码，这不仅仅是简单但问题是，当我按下提交按钮时，我看不到任何结果或警告< / p>

<script type= "text/javascript">

    function checkname()
    {
        name = document.getElementById("myname");
        var reg= /^[A-Z][a-z]+$/
        if (!name.value.match(reg))
        {
            alert("Please enter your name begin with a CAPITAL letter");
            return false;
        }


        if ( name.value=="")
        {
            alert("you kindly forget to put your name here");
            return false;
        }
        return name.value("Welcome" + name + " to valet parking service VPS");
    }

    </script>

这就是第一部分，其中脚本现在写在键入按钮的html标签中

<input type="submit" value=" submit " >

这就是表格中的内容

<form  onsubmit = " checkname(); return false; ">

Answer 1

这是错误（你总是向提交函数返回false）：

<form  onsubmit = " checkname(); return false; ">

试试这个：

<form onsubmit="return checkname();">

然后将checkname函数修改为：

function checkname()
{
    var name = document.getElementById("myname");
    var reg= /^[A-Z][a-z]+$/
    if (!name.value.match(reg))
    {
        alert("Please enter your name begin with a CAPITAL letter");
        return false;
    }

    if ( name.value=="")
    {
        alert("you kindly forget to put your name here");
        return false;
    }

    name.value("Welcome" + name + " to valet parking service VPS");

    return true;
}

Answer 2

这是JSFiddle：http://jsfiddle.net/267wL/

<强> HTML

<form action="demo.html" id="myForm" onsubmit = "checkname(); return false; " method="post">
    <p>
        <label>First name:</label>
        <input type="text" id="myname" />
    </p>
    <input type="submit" value=" submit "/>
</form>

<强>的JavaScript

function checkname()
{
    var name = document.getElementById("myname");
    var reg= /^[A-Z][a-z]+$/;
    if (!name.value.match(reg))
    {
        alert("Please enter your name begin with a CAPITAL letter");
        return false;
    }
    name.value = "Welcome " + name.value + " to valet parking service VPS";

    return false;
}

您不必检查空值。如果name.value为空，则您的正则表达式验证失败。

还要注意在输入文本中设置了欢迎消息。奇怪的行为......

Answer 3

返回true;将阻止以下所有代码。

Answer 4

试试这个

<script>   function checkname() {
var x = document.forms["myForm"]["myname"].value;
if (x==null || x=="") {
    alert("First name must be filled out");
    return false;
}

}

   <form    name='myForm' action='action.php' onsubmit='return checkname()' method='post'>
First name: <input type="text" name="myname"><input type="submit" value="Submit"></form>

HTML JavaScript无法正常工作或显示提醒

4 个答案: