Question

我还没形成，只是输入html：

<script src="index.js"></script>
</head>
<body>
<p>name</p>
<input type="text" size="15" id="title"  placeholder="enter title" onclick="check(this)">
<p>description</p>
<textarea rows="7" cols="20" id="description"  placeholder="enter description"> </textarea>
<p>price</p>
<input type ="number" value="00.0" min="0" step="0.1" id="price"><br>
<button id="add_new_product" >Add new product</button><br>
<a href="catalog.html">All product</a>
</body>

我必须在空的情况下验证此输入。我的js文件：

$(function(){

    $('#add_new_product').click(function(){

        var title = $("#title").val();
        var description = $("#description").val();
        var price = $("#price").val();

        $.ajax({url:'adres/add_new_product',type:'GET', data:{description:description,title:title, price:price},success:function(result){
    alert('Product was add!)');            }
        });

    });
});

$(document).ready(function(){

    $.ajax({url:'adres/all_products', type: 'GET', dataType: 'json', success:function(result){
        for(var i = 0; i < result.length; i++){
            $('#list_of_products').append('<b>' + result[i].name + '</b><br>' + result[i].description + '</br><br>'+result[i].price+'<br><br>');}
    }});
});

Answer 1

简单，您可以在单击新产品按钮时调用javascript函数。

替换

<button id="add_new_product" >Add new product</button><br>

带

 <button id="add_new_product" onClick="javascript: validatefield()" >Add new product</button><br>

在validatefield（）函数中，您可以验证您的字段。

请参阅此http://jsfiddle.net/NWWL4/19/

验证jquery的输入

1 个答案: