如何使用JQuery而不是Javascript显示警报消息？_Javascript_Jquery_Alert

如何使用JQuery而不是Javascript显示警报消息？

javascript jquery

如何使用JQuery而不是Javascript显示警报消息？,javascript,jquery,alert,Javascript,Jquery,Alert,我创建了一个包含表单的html网页。我将它链接到一个javascript文件，该文件告诉浏览器在用户允许清空字段时显示一条警告消息。 html结构如下所示： <!DOCTYPE html> <html> <head> <title> title </title> <link rel="stylesheet" type="text/css" href="example.css"> </head>

我创建了一个包含表单的html网页。我将它链接到一个javascript文件，该文件告诉浏览器在用户允许清空字段时显示一条警告消息。 html结构如下所示：

<!DOCTYPE html>
<html>
<head>
    <title> title </title>
    <link rel="stylesheet" type="text/css" href="example.css">

</head>
<body>

    <h1>Modulo di richiesta informazioni</h1>

    <h2>Inserisci i tuoi dati:</h2>

    <form onsubmit="return validateForm()">

        <select name="status">
            <option value="Sig.">Sig.</option>
            <option value="Sig.ra">Sig.ra</option>
            <option value="Sig.na">Sig.na</option>
        </select>
        <br>

        <label>Nome:</label><br>
        <input type="text" name="name" id="name" value="scrivi il nome"><br>

        <label>Cognome:</label><br>
        <input type="text" name="surname" id="surname"><br>

        <label>email:</label><br>
        <input type="email" name="email" id="email">
        <br>


        <label>Numero di tel:</label><br>
         <input type="number" name="numero" id="numero">
         <br>

        <label>
        Inserisci la tua richiesta:</label>
        <br>
        <textarea name="commenti">Scrivi qui la tua richiesta:</textarea>
         <br>


        <label> Seleziona il servizio per il quale desideri richiedere informazioni:</label><br>

        <label> Chatbot</label>
        <input type="checkbox" name="Service" value="Chatbot">
        <label>Assistente virtuale</label>
        <input type="checkbox" name="Service" value="Assistente">
        <label> MySpoofer.it </label>
        <input type="checkbox" name="Service" value="MySpoofer">

        <br>


        <input type="submit" name="submit"> 
    </form>

    <script type="text/javascript" src="2_jsfile.js"></script>

</body>
</html>

function validateForm(){
    var x = document.getElementById('surname').value;
    if(x == ""){
        alert("Inserisci il cognome");
        return false;   
    } 
    var y = document.getElementById('email').value;
    if (y == "") {
        alert("Scrivi il tuo indirizzo e-mail");
        return false;
    }
    var z = document.getElementById('numero').value;
    if (z == "") {
        alert("Inserisci il tuo numero di telefono");
        return false;
    }

在else if语句中，我想用以下JQuery方法替换alert方法，以获得一条向用户显示消息的消息，但它不起作用，因此我不确定它是否有效：

    function validateForm(){
    var x = document.getElementById('surname').value;
    if(x == ""){
        $("<form>").html("Si prega di compilare i campi 
       con i dati richiesti");  
        return false;   
    } 
    var y = document.getElementById('email').value;
    if (y == "") {
        $("form").html("<div>Si prega di compilare i campi con i dati richiesti</div>");
        return false;
    }
    var z = document.getElementById('numero').value;
    if (z == "") {
        $("form").html("<div>Si prega di compilare i campi con i dati richiesti</div>");
        return false;
    }

}

函数validateForm（）{
var x=document.getElementById（'姓氏'）.value；
如果（x==“”）{
$（“”）html（“我是我的朋友
con i dati richiesti”）；
返回false；
} 
var y=document.getElementById（'email'）。值；
如果（y==“”）{
$（“form”）.html（“我是一家公司的前身”）；
返回false；
}
var z=document.getElementById（'numero'）.value；
如果（z==“”）{
$（“form”）.html（“我是一家公司的前身”）；
返回false；
}
}

我可以使用JQuery而不是传统Javascript来显示警报消息吗？

您可以使用

JQuery UI

对话框来满足您的需求

$（“#对话框”）.Dialog（）

$（函数（）{
$（“#dialog”）.dialog（）；
} );

jQuery UI对话框-默认功能
这里的内容错误
您也可以在不使用jQuery UI的情况下进行验证。将验证函数更改为

函数validateForm（）{
$（'form div.msg'）.remove（）；
var-ret=0；
$（'姓名，'姓氏，'数字'）。每个(
功能（i，o）{
如果（o.value==''）{
$（o）.after（''+o.id+'：i prega di compiler i campi con i dati richiesti'）；
ret++；
}
});
返回！返回
}

richiesta-informazioni模
因塞里希一世托伊达蒂：
西格。
西格拉
西格纳


诺姆：



Cognome:



电子邮件：



电话号码：



里希斯塔酒店


Scrivi qui la tua richiesta：


信息丰富的鹌鹑服务：

聊天机器人
虚拟助理
迈斯普弗，是吗


我假设上面的jQuery不应该工作，因为$（“”）不是有效的选择器，请更正它，它应该用HTML结构替换表单内容。