1

以下是我的代码

HTML

<input type="submit" onclick="OpenDialog()" value="Add Record" />      
<div id="AddBox" style="display: none">
<label>Install</label>
<input type="text" id="Install" />
<label>Payout</label>
<input type="text" id="Payout" />
<label>Start Date</label>   
<input type="text" id="reqStartDate" value="@ViewBag.StartDate" name="reqStartDate" readonly="true" />
<label>End Date</label>
<input type="text" id="reqEndDate" value="" name="reqEndDate" readonly="true" />            
</div>

JS

<script type="text/javascript">
        function OpenDialog() {
        $('#AddBox').dialog({
        title: 'New Client',
            autoOpen: false,
            resizable: false,
            show: {
    effect: "slide",
    duration: 800
  },
  hide: {
    effect: "fold",
    duration: 800
  },
   buttons: {
        "Add":function onsave() {
        $.ajax({
        url: '@Url.Action("BountyMatrix", "Marketing")',
        type: 'POST',
        data: {
        clientkey: $('#reqClientID').val(),
        install: $('#Install').val(),
        payout: $('#Payout').val(),
        StartDate: $('#reqStartDate').val(),
        EndDate: $('#reqEndDate').val()
        },

        success: function (data) {
        alert('Success');
        $('#AddBox').dialog('close');
        location.reload();
        },
        error: function (data) {
        alert('Try Again :(');
        }
        });      
        }
        },
        height: 370,
        width: 440,
        modal: false
        });

        var name = $('#Name').val();
        var address = $('#Address').val();
        $('#Dialog-Name').val(name);
        $('#Dialog-Address').val(address);
        $('#AddBox').dialog('open');
    }
    </script>

我有一个打开对话框的按钮，它包含没有表单标签的文本框，对话框中的按钮发布表单。我只想向文本框添加验证，如果这些框为空，则不应提交表单。我应该怎么做它使用 jquery 验证？

4

2 回答 2

0

您可以简单地检查提交表单时框中的值。即点击提交按钮。假设您的提交按钮的 id 为“submit_button”，则：

$("#submit_button").click(function(){ 
  if ($("#text_field1").val() == "")
    alert('please fill the required field')
  else if ($("#text_field2").val() == "")
    alert('please fill the required field')
  else
    return true;
});

我猜你正在寻找这样的东西 http://jsfiddle.net/FJqVV/

于 2013-09-23T10:48:24.213 回答
0

你可以像这样验证。

if($("#Install").val()=='')
     return false;

在 OpenDialog() 函数中使用它，为每个要验证的文本框写 else if。

于 2013-09-23T10:48:40.670 回答