如果表单为空，请不要提交表单。

Question

如果表单为空，请不要提交表单。

3

这是我的第一篇文章，我对PHP + AJAX还比较陌生。

我已经完成了大部分的编码，唯一的问题是当我按下提交按钮时，会出现一个通知，但只有在文本字段不为空时才应该出现。

这是我的代码：

<head><script> 
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#ContactForm').ajaxForm(function() { 
            alert("Thank you for subscribing to SHCA"); 
            document.forms["ContactForm"].reset();
        }); 
    }); 

</script> </head>

接着是一些 PHP 代码：

<?php
        if(strlen($_POST['name']) > 0 AND strlen($_POST['email']) > 0)
        {
        if(isset($_POST['submit']))
        {
         $hostdb = '';
         $namedb = '';
         $userdb = '';
         $passdb = '';

        $conn = mysqli_connect($hostdb , $userdb, $passdb ,$namedb);


        $sql = "INSERT INTO subscribers (name, email) VALUES('$_POST[name]', '$_POST[email]')";



        if (!mysqli_query($conn, $sql))
        {
        die('Error: ' .mysql_error($conn));
        }

        if (!mysqli_ping($conn)) {
echo 'Lost connection, exiting after query #1';
exit;
}

mysqli_close($conn);
}}
else
{

?>

        <form id="ContactForm" action="" method="post">

                    <label for="author">Name:</label> <input type="text" id="name" name="name" class="required input_field float_r" />
                    </br>
                    </br>
                    <label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field float_r" />

                    <div class="cleaner h10"></div>

                    <input type="submit" value="Subscribe" id="submit" name="submit" class="submit_btn float_l" />
        </form>
        <?php } ?>

希望这里的任何人都能告诉我，当文本字段不为空时，我应该做什么来仅显示“感谢您订阅SHCA”的消息。

最终答案是Dereck在对象中忘记了''，所以向Dereck喊话，感谢他的帮助！

$(document).ready(function() { 
    // bind 'myForm' and provide a simple callback function 
    $('#ContactForm').ajaxForm(function() { 
        if( !$('#name').val()) {
             alert("please enter your name");
        }
        if(!$('#email').val()) {
            alert("plese enter your email adress");
            }
        else{
            alert("Thank you for subscribing to SHCA"); 
        }

        document.forms["ContactForm"].reset();
    }); 
});

- user2420635

我感到好奇的是，我是否受到了SQL注入攻击的保护，如果没有，我需要做些什么来保护自己。 - user2420635

2个回答

0

这样做就可以避免刷新了

$(document).ready(function() { 
    // bind 'myForm' and provide a simple callback function 
    $('#ContactForm').ajaxForm(function() { 
        if( !$(#name).val() || !$(#email).val()) {
             //don't display
        }else{
            alert("Thank you for subscribing to SHCA"); 
        }

        document.forms["ContactForm"].reset();
    }); 
});

- derek

你知道我怎么能在Ajax中只检查一个字符吗？就像你上面展示给我的一样，然后我想检查电子邮件字段中是否有“@”。 - user2420635

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- derek · Accepted Answer

在向服务器提交之前，您需要检查字段的内容，一个简单的脚本方法可以在提交之前进行检查。如果字段为空，则显示错误消息并且不提交表单。

function SubmitDetails()
{
    if(window.ContactForm.name.value == "")
    {
        window.alert("Please enter a name");
        return;
    }if(window.ContactForm.email.value == "")
    {
        window.alert("Please enter an email" );
        return;
    }

    window.ContactForm.submit();
}