Question

我有这样的代码，它有一个表单和一个脚本，如果输入的值是一个数字，它将验证它。问题是，当我单击提交/添加按钮时，它将直接转到addcontribution.php。

其他我也喜欢添加确认对话框。比如“确认添加（金额）？”如果是，它将继续addcontribution.php，如果没有，它将返回自己并重置该字段。

<form form="CONTRIFORM" name='contribution' method="POST" Action="addcontribution.php" onSubmit="return formvalidation2();">
  <center>
    Amount:
    <input type="text" name="contriamnt" id="contriamnt" size="15" placeholder=" Amount"></br></br>
    <button id="searchbutton" type="submit" name="submit" value="Submit">ADD</button></br>
  </center>
</form> 

<script>

function formvalidation2() {
    var amntDATA = document.registration.contriamnt;  
    if(allnumber(amntDATA)) {  
        if(ChangeText()) {
            if(new_tab()) {
            }
        }
    } 
    return false;  
}

function allnumber(amntDATA) {   
    var x = /^[0-9]+$/;  
    if(amntDATA.value.match(x)) {  
        return true;
    } else {  
        alert('Invalid Amount.');  
        return false;  
    }
}
</script>

Answer 1

表单名称不匹配

var amntDATA = document.contribution.contriamnt;

Answer 2

试试这个：

<form form="CONTRIFORM" name='contribution' method="POST" Action="addcontribution.php" onSubmit="return formvalidation2();">
<center>
    Amount: <input type="text" name="contriamnt" id="contriamnt" size="15" placeholder=" Amount"></br></br>
    <button id="searchbutton" type="submit" name="submit" value="Submit">ADD</button></br>
</center>
</form> 

<script>

function formvalidation2()  
{
var amntDATA = document.contribution.contriamnt;  
alert(amntDATA);
if(allnumber(amntDATA))  
{  
   alert("number");
   return true;
}else{
    alert("not a number");
    return false;
}

}

function allnumber(amntDATA)  
{   
var x = /^[0-9]+$/;  
if(amntDATA.value.match(x))  
{  
    return true;
}  
else  
{  
alert('Invalid Amount.');  
return false;  
}

}

</script>

Answer 3

使用jquery而不是javascript.Code很简单

$("form").submit(function(){

    var value = $("#contriamnt").val();
    var x = /^[0-9]+$/;  
    if(value.match(x)) {  
        return true;
    } else {  
        alert('Invalid Amount.');  
        return false;  
    }


});

HTML：

<form form="CONTRIFORM" name='contribution' method="POST" Action="addcontribution.php" >
<center>
    Amount: <input type="text" name="contriamnt" id="contriamnt" size="15" placeholder=" Amount"></br></br>
    <button id="searchbutton" type="submit" name="submit" value="Submit">ADD</button></br>
</center>
</form>

您可以使用jquery对话框插件弹出对话框 http://jqueryui.com/dialog/#modal-confirmation

数字的表单验证

3 个答案: